Merge pull request #216 from orthes/feature-editableInput-event

Add support for editableInput event - closes #212

Author: linkesch

.jshintrc

@@ -1,4 +1,8 @@
 {
+    "globals": {
+        "MediumEditor": true
+    },
+
     "predef": {
         "jQuery": false,
         "document": false,
@@ -17,7 +21,6 @@
         "expect": false,
         "beforeEach": false,
         "afterEach": false,
-        "MediumEditor": false,
         "jasmine": false,
         "spyOn": false,
         "placeCaret": false,

spec/embeds.spec.js

@@ -115,7 +115,7 @@ describe("Embeds addon", function () {
     it('triggers input event after removing embed ', function (done) {
         var $event = $.Event('keydown');
 
-        this.$el.one('input', function () {
+        this.editor.subscribe('editableInput', function () {
             expect(true).toBe(true);
             done();
         });
@@ -145,7 +145,7 @@ describe("Embeds addon", function () {
     it('triggers input event after changing embed style ', function (done) {
         this.$el.prepend('<div class="medium-insert-embeds medium-insert-embeds-left"><div class="medium-insert-embeds-overlay"></div></div>');
 
-        this.$el.one('input', function () {
+        this.editor.subscribe('editableInput', function () {
             expect(true).toBe(true);
             done();
         });

spec/images.spec.js

@@ -150,7 +150,7 @@ describe("Images addon", function () {
     });
 
     it('triggers input event on showImage', function (done) {
-        this.$el.one('input', function () {
+        this.editor.subscribe('editableInput', function () {
             expect(true).toBe(true);
             done();
         });
@@ -169,15 +169,14 @@ describe("Images addon", function () {
 
         spyOn(this.addon, 'getDOMImage').and.returnValue(stubbedImage);
 
-        this.$el.on('input', function () {
+        this.editor.subscribe('editableInput', function () {
             inputTriggerCount++;
 
             if (inputTriggerCount === 2) {
-                this.$el.off('input');
                 expect(true).toBe(true);
                 done();
             }
-        }.bind(this));
+        });
 
         this.addon.showImage('http://image.co', {
             context: context
@@ -272,7 +271,7 @@ describe("Images addon", function () {
     it('triggers input event after removing image', function (done) {
         var $event = $.Event('keydown');
 
-        this.$el.one('input', function () {
+        this.editor.subscribe('editableInput', function () {
             expect(true).toBe(true);
             done();
         });
@@ -322,7 +321,7 @@ describe("Images addon", function () {
             .attr('class', 'medium-insert-images medium-insert-active medium-insert-images-left')
             .append('<figure><img src="image1.jpg" alt=""></figure>');
 
-        this.$el.one('input', function () {
+        this.editor.subscribe('editableInput', function () {
             expect(true).toBe(true);
             done();
         });

src/js/core.js

@@ -193,6 +193,18 @@
         }
     };
 
+    /**
+     * Trigger editableInput on editor
+     *
+     * @return {void}
+     */
+
+    Core.prototype.triggerInput = function () {
+        if (this.getEditor()) {
+            this.getEditor().trigger('editableInput', null, this.el);
+        }
+    };
+
     /**
      * Deselects selected text
      *

src/js/embeds.js

@@ -367,7 +367,7 @@
             }));
             $place.remove();
 
-            this.$el.trigger('input');
+            this.core.triggerInput();
 
             if (html.indexOf('facebook') !== -1) {
                 if (typeof(FB) !== 'undefined') {
@@ -403,7 +403,7 @@
         $empty = $(emptyTemplate);
         $content.after($empty);
 
-        this.$el.trigger('input');
+        this.core.triggerInput();
 
         this.core.moveCaret($place);
     };
@@ -491,7 +491,7 @@
                 this.core.hideAddons();
 
                 this.core.moveCaret($empty);
-                this.$el.trigger('input');
+                this.core.triggerInput();
             }
         }
     };
@@ -586,7 +586,7 @@
             }
         });
 
-        this.$el.trigger('input');
+        this.core.triggerInput();
     };
 
     /**
@@ -604,7 +604,7 @@
             callback(this.$el.find('.medium-insert-embeds-selected'));
         }
 
-        this.$el.trigger('input');
+        this.core.triggerInput();
     };
 
     /** Plugin initialization */

src/js/images.js

@@ -64,7 +64,7 @@
                     nested: false,
                     vertical: false,
                     afterMove: function () {
-                        that.$el.trigger('input');
+                        that.core.triggerInput();
                     }
                 });
             },
@@ -372,7 +372,7 @@
             domImage = this.getDOMImage();
             domImage.onload = function () {
                 data.context.find('img').attr('src', domImage.src);
-                that.$el.trigger('input');
+                that.core.triggerInput();
             };
             domImage.src = img;
         } else {
@@ -406,7 +406,7 @@
             }
         }
 
-        this.$el.trigger('input');
+        this.core.triggerInput();
 
         return data.context;
     };
@@ -508,7 +508,7 @@
                     this.core.moveCaret($empty);
                 }
 
-                this.$el.trigger('input');
+                this.core.triggerInput();
             }
         }
     };
@@ -622,7 +622,7 @@
 
         this.core.hideButtons();
 
-        this.$el.trigger('input');
+        this.core.triggerInput();
     };
 
     /**
@@ -642,7 +642,7 @@
 
         this.core.hideButtons();
 
-        this.$el.trigger('input');
+        this.core.triggerInput();
     };
 
     /**