Disable clearing on render by default, add store/load events

src/demo.js

@@ -178,19 +178,7 @@ require(['config/require-config'], function() {
                 name: 'Left',
                 property: 'margin-left',
               },],
-            }/*{
+            }],
-            name    : 'Center blocksss',
-            property  : 'margins',
-            type    : 'select',
-            defaults   : '0',
-            list    :  [{
-                      value     : '0',
-                      name      : 'Normal',
-                    },{
-                      value     : '0 auto',
-                      name      : 'Center',
-                    }],
-          }*/],
           },{
             name: 'Flex',
             open: false,
@@ -362,10 +350,9 @@ require(['config/require-config'], function() {
         ],
 
       },
-    }
 
 
-    );
+    });
 
     window.editor = editor;
 
@@ -393,8 +380,7 @@ require(['config/require-config'], function() {
         if(sender) sender.set('active', false);
         if(confirm('Are you sure to clean the canvas?')) {
           var comps = editor.DomComponents.clear();
-          localStorage.setItem('gjs-css', '');
+          localStorage.clear();
-          localStorage.setItem('gjs-html', '');
         }
       },
       attributes: { title: 'Empty canvas' }

src/editor/config/config.js

@@ -24,7 +24,7 @@ define(function () {
     showOffsetsSelected: false,
 
     // Clear the canvas when editor.render() is called
-    clearOnRender: true,
+    clearOnRender: false,
 
     // Return JS of components inside HTML from 'editor.getHtml()'
     jsInHtml: true,

src/editor/model/Editor.js

@@ -413,6 +413,7 @@ define(['backbone', 'backboneUndo', 'keymaster', 'Utils', 'StorageManager', 'Dev
 
         sm.store(store, clb);
         this.set('changesCount', 0);
+        this.trigger('storage:store', store);
 
         return store;
       },
@@ -437,7 +438,7 @@ define(['backbone', 'backboneUndo', 'keymaster', 'Utils', 'StorageManager', 'Dev
        * @return {Object}
        * @private
        */
-      getCacheLoad: function(force){
+      getCacheLoad: function(force) {
         var f = force ? 1 : 0;
         if(this.cacheLoad && !f)
           return this.cacheLoad;
@@ -457,6 +458,7 @@ define(['backbone', 'backboneUndo', 'keymaster', 'Utils', 'StorageManager', 'Dev
         });
 
         this.cacheLoad = sm.load(load);
+        this.trigger('storage:load', this.cacheLoad);
         return this.cacheLoad;
       },