Wrap this lib with a function.

Author: trantorLiu

src/bootstrap-editor.js

@@ -1,84 +1,88 @@
-var fileuploadOptions = {};
-var wysihtml5Overrides = {
-  initInsertImage: function(toolbar) {
-    var self = this;
-    var insertImageModal = toolbar.find('.bootstrap-wysihtml5-insert-image-modal');
-    var urlInput = insertImageModal.find('.bootstrap-wysihtml5-insert-image-url');
-    var insertButton = insertImageModal.find('a.btn-primary');
-    var initialValue = urlInput.val();
+!function($) {
 
-    var insertImage = function(imgData) {
-      if (!imgData.src) throw 'Image src is not specified';
-      self.editor.currentView.element.focus();
-      self.editor.composer.commands.exec("insertImage", imgData);
-    };
+  var fileuploadOptions = {};
+  var wysihtml5Overrides = {
+    initInsertImage: function(toolbar) {
+      var self = this;
+      var insertImageModal = toolbar.find('.bootstrap-wysihtml5-insert-image-modal');
+      var urlInput = insertImageModal.find('.bootstrap-wysihtml5-insert-image-url');
+      var insertButton = insertImageModal.find('a.btn-primary');
+      var initialValue = urlInput.val();
 
-    insertImageModal.on('hide', function() {
-      self.editor.currentView.element.focus();
-    });
+      var insertImage = function(imgData) {
+        if (!imgData.src) throw 'Image src is not specified';
+        self.editor.currentView.element.focus();
+        self.editor.composer.commands.exec("insertImage", imgData);
+      };
 
-    toolbar.find('a[data-wysihtml5-command=insertImage]').click(function() {
-      var activeButton = $(this).hasClass("wysihtml5-command-active");
-      var done;
+      insertImageModal.on('hide', function() {
+        self.editor.currentView.element.focus();
+      });
 
-      if (!activeButton) {
-        insertImageModal.modal('show');
+      toolbar.find('a[data-wysihtml5-command=insertImage]').click(function() {
+        var activeButton = $(this).hasClass("wysihtml5-command-active");
+        var done;
 
-        done = function(e, data) {
-          var imgs;
-          imgs = fileuploadOptions.done(e, data);
-          insertImageModal.modal('hide');
+        if (!activeButton) {
+          insertImageModal.modal('show');
 
-          if (!$.isArray(imgs)) imgs = [imgs];
+          done = function(e, data) {
+            var imgs;
+            imgs = fileuploadOptions.done(e, data);
+            insertImageModal.modal('hide');
 
-          $.each(imgs, function(index, img) {
-            insertImage(img);
+            if (!$.isArray(imgs)) imgs = [imgs];
+
+            $.each(imgs, function(index, img) {
+              insertImage(img);
+            });
+          };
+
+          insertImageModal.find('.file').fileupload($.extend({}, fileuploadOptions, {
+            done: done
+          }));
+
+          insertImageModal.on('click.dismiss.modal', '[data-dismiss="modal"]', function(e) {
+            e.stopPropagation();
           });
-        };
+          return false;
+        }
+        else {
+          return true;
+        }
+      });
+    }
+  };
 
-        insertImageModal.find('#file').fileupload($.extend({}, fileuploadOptions, {
-          done: done
-        }));
+  $.extend($.fn.wysihtml5.Constructor.prototype, wysihtml5Overrides);
 
-        insertImageModal.on('click.dismiss.modal', '[data-dismiss="modal"]', function(e) {
-          e.stopPropagation();
-        });
-        return false;
+  // Override options.
+  var wysihtml5Options = {
+    customTemplates: {
+      /* This is the template for the image button in the toolbar. */
+      image: function(locale) {
+        return '<li>' +
+          '<div class="bootstrap-wysihtml5-insert-image-modal modal hide">' +
+          '<div class="modal-header">' +
+          '<a class="close" data-dismiss="modal">&times;</a>' +
+          '<h3>' + locale.image.insert + '</h3>' +
+          '</div>' +
+          '<div class="modal-body">' +
+          '<input name="file" class="file" type="file" multiple>' +
+          '</div>' +
+          '<div class="modal-footer">' +
+          '<a href="#" class="btn" data-dismiss="modal">' + locale.image.cancel + '</a>' +
+          '</div>' +
+          '</div>' +
+          '<a class="btn" data-wysihtml5-command="insertImage" title="' + locale.image.insert + '"><i class="icon-picture"></i></a>' +
+          '</li>';
       }
-      else {
-        return true;
-      }
-    });
-  }
-};
-
-$.extend($.fn.wysihtml5.Constructor.prototype, wysihtml5Overrides);
+    },
+  };
 
-// Override options.
-var wysihtml5Options = {
-  customTemplates: {
-    /* This is the template for the image button in the toolbar. */
-    image: function(locale) {
-      return '<li>' +
-        '<div class="bootstrap-wysihtml5-insert-image-modal modal hide">' +
-        '<div class="modal-header">' +
-        '<a class="close" data-dismiss="modal">&times;</a>' +
-        '<h3>' + locale.image.insert + '</h3>' +
-        '</div>' +
-        '<div class="modal-body">' +
-        '<input name="file" id="file" type="file" multiple>' +
-        '</div>' +
-        '<div class="modal-footer">' +
-        '<a href="#" class="btn" data-dismiss="modal">' + locale.image.cancel + '</a>' +
-        '</div>' +
-        '</div>' +
-        '<a class="btn" data-wysihtml5-command="insertImage" title="' + locale.image.insert + '"><i class="icon-picture"></i></a>' +
-        '</li>';
-    }
-  },
-};
+  $.fn.bootstrapEditor = function(options) {
+    if (options.fileupload) fileuploadOptions = options.fileupload;
+    $(this).wysihtml5($.extend(wysihtml5Options, options));
+  };
 
-$.fn.bootstrapEditor = function(options) {
-  if (options.fileupload) fileuploadOptions = options.fileupload;
-  $(this).wysihtml5($.extend(wysihtml5Options, options));
-};
+}(window.jQuery);