Add run and stop event to commands

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Open source Web Template Editor",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "author": "Artur Arseniev",
   "homepage": "http://grapesjs.com",
   "main": [

package.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Open source Web Template Editor",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "author": "Artur Arseniev",
   "license": "BSD-3-Clause",
   "homepage": "http://grapesjs.com",

src/editor/main.js

@@ -283,8 +283,10 @@ define(function (require){
 				runCommand: function(id, options) {
 					var command = em.get('Commands').get(id);
 
-					if(command)
+					if(command){
 						command.run(this, this, options);
+						this.trigger('run:' + id);
+					}
 				},
 
 				/**
@@ -297,8 +299,10 @@ define(function (require){
 				stopCommand: function(id, options) {
 					var command = em.get('Commands').get(id);
 
-					if(command)
+					if(command){
 						command.stop(this, this, options);
+						this.trigger('stop:' + id);
+					}
 				},
 
 				/**

src/panels/view/ButtonView.js

@@ -208,9 +208,9 @@ function(Backbone, require) {
 		updateActive: function(){
 			var command	= null;
 			var editor = this.em && this.em.get ? this.em.get('Editor') : null;
-
+			var commandName = this.model.get('command');
 			if(this.commands)
-				command	= this.commands.get(this.model.get('command'));
+				command	= this.commands.get(commandName);
 
 			if(this.model.get('active')){
 
@@ -220,8 +220,10 @@ function(Backbone, require) {
 				if(this.parentM)
 					this.parentM.set('active', true, { silent: true }).trigger('checkActive');
 
-				if(command)
+				if(command){
 					command.run(editor, this.model, this.model.get('options'));
+					editor.trigger('run:' + commandName);
+				}
 			}else{
 				this.$el.removeClass(this.activeCls);
 
@@ -230,8 +232,10 @@ function(Backbone, require) {
 				if(this.parentM)
 					this.parentM.set('active', false, { silent: true }).trigger('checkActive');
 
-				if(command)
+				if(command){
 					command.stop(editor, this.model, this.model.get('options'));
+					editor.trigger('stop:' + commandName);
+				}
 			}
 		},