Update v0.8.19

demo.html

@@ -928,7 +928,7 @@
       </style>
     </div>
 
-    <script src="js/grapes.min.js?v0.8.16"></script>
+    <script src="js/grapes.min.js?v0.8.19"></script>
     <script src="js/grapesjs-plugin-export.min.js"></script>
     <script src="js/grapesjs-plugin-filestack.min.js"></script>
     <script src="js/grapesjs-plugin-forms.min.js"></script>
@@ -946,7 +946,6 @@
 
       var editor  = grapesjs.init({
 
-      clearOnRender: true,
       height: '100%',
       container : '#gjs',
       fromElement: 1,
@@ -964,6 +963,11 @@
         assets: images
       },
 
+      storageManager:{
+        storeComponents: 1,
+        storeStyles: 1,
+      },
+
       // Configure style
       styleManager : {
         sectors: [{
@@ -1294,6 +1298,16 @@
       Ps.initialize(el);
     });
     */
+
+
+     // Store and load events
+     editor.on('storage:load', function(e) {
+       console.log('Loaded ', e);
+     })
+     editor.on('storage:store', function(e) {
+       console.log('Stored ', e);
+     })
+
     </script>
 
     <script>

js/grapesjs-preset-webpage.js

@@ -73,8 +73,7 @@ grapesjs.plugins.add('gjs-preset-webpage', function(editor, opts) {
       sender && sender.set('active',false);
       if(confirm('Are you sure to clean the canvas?')){
         var comps = editor.DomComponents.clear();
-        localStorage.setItem('gjs-css', '');
-        localStorage.setItem('gjs-html', '');
+        localStorage.clear();
       }
     }
   });