diff --git a/src/commands/view/Preview.js b/src/commands/view/Preview.js index 682ca4ce7..3fd62cf68 100644 --- a/src/commands/view/Preview.js +++ b/src/commands/view/Preview.js @@ -35,6 +35,7 @@ define(function() { canvasS.left = '0'; canvasS.padding = '0'; canvasS.margin = '0'; + editor.trigger('change:canvasOffset'); }, stop: function(editor, sender) { @@ -47,6 +48,7 @@ define(function() { if(this.helper) { this.helper.style.display = 'none'; } + editor.trigger('change:canvasOffset'); } }; }); \ No newline at end of file diff --git a/src/demo.js b/src/demo.js index b53862346..da519fc2a 100644 --- a/src/demo.js +++ b/src/demo.js @@ -283,7 +283,7 @@ require(['config/require-config'], function() { ); - window.grapesEditor = editor; + window.editor = editor; }); }); diff --git a/src/editor/main.js b/src/editor/main.js index 4dd78c059..0eca115a2 100644 --- a/src/editor/main.js +++ b/src/editor/main.js @@ -25,6 +25,10 @@ * ```js * var editor = grapesjs.init({...}); * ``` + * Available events + * #run:{commandName} + * #stop:{commandName} + * #load - When the editor is loaded * * @module Editor * @param {Object} config Configurations diff --git a/src/editor/view/EditorView.js b/src/editor/view/EditorView.js index 37b154e5d..414dd605a 100644 --- a/src/editor/view/EditorView.js +++ b/src/editor/view/EditorView.js @@ -10,6 +10,7 @@ function(Backbone){ this.model.on('loaded', function(){ this.pn.active(); this.model.runDefault(); + this.model.trigger('load'); }, this); }, diff --git a/styles/css/main.css b/styles/css/main.css index d9dfc7844..560e1733b 100644 --- a/styles/css/main.css +++ b/styles/css/main.css @@ -2668,8 +2668,7 @@ $fontColorActive: #4f8ef7; background-color: #444; position: relative; box-sizing: border-box; - height: 100%; - min-width: 1250px; } + height: 100%; } .gjs-freezed { opacity: 0.5; diff --git a/styles/scss/main.scss b/styles/scss/main.scss index 4d849d91d..86cdb4338 100644 --- a/styles/scss/main.scss +++ b/styles/scss/main.scss @@ -162,7 +162,6 @@ $fontV: 5;//random(1000) position:relative; box-sizing: border-box; height: 100%; - min-width: 1250px; } .#{$app-prefix}freezed{ @include opacity(0.50);