Fix text component issue on toolbar commands execution. Closes #2294

src/commands/view/SelectComponent.js

@@ -518,7 +518,8 @@ export default {
         this.toolbar = new Toolbar(toolbar);
         var toolbarView = new ToolbarView({
           collection: this.toolbar,
-          editor: this.editor
+          editor: this.editor,
+          em
         });
         toolbarEl.appendChild(toolbarView.render().el);
       }

src/dom_components/view/ComponentTextView.js

@@ -45,7 +45,6 @@ export default ComponentView.extend({
       }
     }
 
-    this.rteEnabled = 1;
     this.toggleEvents(1);
   },
 
@@ -67,7 +66,6 @@ export default ComponentView.extend({
       this.syncContent();
     }
 
-    this.rteEnabled = 0;
     this.toggleEvents();
   },
 
@@ -141,14 +139,17 @@ export default ComponentView.extend({
    * @param {Boolean} enable
    */
   toggleEvents(enable) {
-    var method = enable ? 'on' : 'off';
+    const { em } = this;
     const mixins = { on, off };
-    this.em.setEditing(enable);
+    const method = enable ? 'on' : 'off';
+    em.setEditing(enable);
+    this.rteEnabled = !!enable;
 
     // The ownerDocument is from the frame
     var elDocs = [this.el.ownerDocument, document];
     mixins.off(elDocs, 'mousedown', this.disableEditing);
     mixins[method](elDocs, 'mousedown', this.disableEditing);
+    em[method]('toolbar:run:before', this.disableEditing);
 
     // Avoid closing edit mode on component click
     this.$el.off('mousedown', this.disablePropagation);

src/dom_components/view/ToolbarButtonView.js

@@ -13,13 +13,17 @@ export default Backbone.View.extend({
     return this.model.get('attributes');
   },
 
-  initialize(opts) {
+  initialize(opts = {}) {
-    this.editor = opts.config.editor;
+    const { config = {} } = opts;
+    this.em = config.em;
+    this.editor = config.editor;
   },
 
   handleClick(event) {
     event.preventDefault();
     event.stopPropagation();
+    const { em } = this;
+    em.trigger('toolbar:run:before');
     this.execCommand(event);
   },
 

src/dom_components/view/ToolbarView.js

@@ -4,8 +4,8 @@ import ToolbarButtonView from './ToolbarButtonView';
 export default DomainViews.extend({
   itemView: ToolbarButtonView,
 
-  initialize(opts) {
+  initialize(opts = {}) {
-    this.config = { editor: opts.editor || '' };
+    this.config = { editor: opts.editor || '', em: opts.em };
     this.listenTo(this.collection, 'reset', this.render);
   }
 });