Namespacing added

Author: Philipp

index.html

@@ -25,11 +25,11 @@
 <script>
     $(function () {
 
-        $('.code-snippet').codemirror();
+        $('.code-snippet').codemirrorInit();
 
-        $('.code-snippet[data-test]').setValue('Any string');
+        $('.code-snippet[data-test]').codemirror().setValue('Any string');
 
-        console.log($('.code-snippet[data-test]').getValue());
+        console.log($('.code-snippet[data-test]').codemirror().getValue());
 
         var elements = $('.code-snippet');
 
@@ -38,13 +38,13 @@
         elements.each(function (key, element) {
 
             $.data(element, 'codemirror').setValue('Any' + increment++);
-            $(element).setValue('New' + increment++);
+            $(element).codemirror().setValue('New' + increment++);
 
         });
 
-        $('.code-snippet[data-no-lines]').setOption('lineNumbers', false);
+        $('.code-snippet[data-no-lines]').codemirror().setOption('lineNumbers', false);
 
-        $('.code-snippet[data-no-lines]').setOptions({lineNumbers: true, readOnly: true});
+        $('.code-snippet[data-no-lines]').codemirror().setOptions({lineNumbers: true, readOnly: true});
 
         $.data($('.code-snippet[data-no-lines]')[0], 'codemirror').focus();
     });

philsweb.jquery.codemirror.js

@@ -1,33 +1,37 @@
 (function ($) {
-    $.fn.codemirror = function () {
+    $.fn.codemirrorInit = function () {
 
         $(this).init.prototype = $.extend({}, $(this).init.prototype, {
 
-            setValue: function (value) {
-                for (var i = 0; i < this.length; i++) {
-                    $.data(this[i], 'codemirror').setValue(value);
-                }
-            },
-            getValue: function () {
-                if (this.length > 1) {
-                    throw new Error("Only one DOM element can be selected");
-                }
-                return $.data(this[0], 'codemirror').getValue();
-            },
-            setOption: function (key, value) {
-                for (var i = 0; i < this.length; i++) {
-                    $.data(this[i], 'codemirror').setOption(key, value);
-                }
-            },
-            setOptions: function (optionsObject) {
-                for (var i = 0; i < this.length; i++) {
-                    var $this = this[i];
-                    $.each(optionsObject, function (key, value) {
-                        $.data($this, 'codemirror').setOption(key, value);
-                    });
-                }
+            codemirror: function(){
+              var $this = this;
+              return {
+                  setValue: function (value) {
+                      for (var i = 0; i < $this.length; i++) {
+                          $.data($this[i], 'codemirror').setValue(value);
+                      }
+                  },
+                  getValue: function () {
+                      if (this.length > 1) {
+                          throw new Error("Only one DOM element can be selected");
+                      }
+                      return $.data($this[0], 'codemirror').getValue();
+                  },
+                  setOption: function (key, value) {
+                      for (var i = 0; i < $this.length; i++) {
+                          $.data($this[i], 'codemirror').setOption(key, value);
+                      }
+                  },
+                  setOptions: function (optionsObject) {
+                      for (var i = 0; i < this.length; i++) {
+                          var element = $this[i];
+                          $.each(optionsObject, function (key, value) {
+                              $.data(element, 'codemirror').setOption(key, value);
+                          });
+                      }
+                  }
+              }
             }
-
         });
 
         return this.each(function () {