Update newsletter preset

demo-newsletter-editor.html

@@ -7,11 +7,11 @@
     <link rel="stylesheet" href="./stylesheets/material.css">
     <link rel="stylesheet" href="./stylesheets/tooltip.css">
     <link rel="stylesheet" href="./stylesheets/toastr.min.css">
-    <link rel="stylesheet" href="./stylesheets/grapesjs-preset-newsletter.css">
+    <link rel="stylesheet" href="./stylesheets/grapesjs-preset-newsletter.css?v=0.2.3">
 
     <script src="./js/jquery.js"></script>
-    <script src="./js/grapes.min.js"></script>
-    <script src="./js/grapesjs-preset-newsletter.min.js"></script>
+    <script src="./js/grapes.min.js?v=0.5.3"></script>
+    <script src="./js/grapesjs-preset-newsletter.min.js?v=0.2.3"></script>
     <script src="./js/toastr.min.js"></script>
     <script src="./js/ajaxable.min.js"></script>
   </head>
@@ -550,6 +550,7 @@
 
       // Set up GrapesJS editor with the Newsletter plugin
       var editor = grapesjs.init({
+        clearOnRender: true,
         height: '100%',
         storageManager:{
           id: 'gjs-nl-',

demo.html

@@ -925,6 +925,7 @@
 
       var editor  = grapesjs.init({
 
+      clearOnRender: true,
       height: '100%',
       container : '#gjs',
       fromElement: 1,

stylesheets/grapesjs-preset-newsletter.css

@@ -54,14 +54,13 @@
 .gjs-nv-item .gjs-nv-title-c,
 .gjs-off-prv,
 .gjs-pn-panel,
+.gjs-block,
 .gjs-select option,
 .gjs-sm-sector .gjs-sm-colorp-c,
 .gjs-sm-select option,
 .gjs-sm-unit option,
-.sp-container,
-.gjs-block {
-  background-color: #373d49;
-}
+.sp-container {
+  background-color: #373d49; }
 
 .gjs-import-label,
 .gjs-export-label {
@@ -79,18 +78,15 @@
   font-size: 12px; }
 
 /* Extra */
-
 .gjs-block {
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 3px;
   margin: 10px 2.5% 5px;
   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
-  transition: box-shadow 0.2s ease 0s;
-}
+  transition: box-shadow, color 0.2s ease 0s; }
 
 .gjs-block:hover {
-  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
-}
+  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); }
 
 #gjs-pn-views-container.gjs-pn-panel {
   padding: 39px 0 0; }