Merge pull request #39 from artf/update

Update

Author: artf

.gitignore

@@ -6,6 +6,7 @@
 npm-debug.log
 style/.sass-cache/
 
+dist/
 img/
 images/
 private/

README.md

@@ -20,7 +20,11 @@ Available components:
 
 ## Options
 
-* `blocks` Which blocks to add, default: `['form', 'input', 'textarea', 'select', 'button', 'label', 'checkbox', 'radio']` (all)
+| Option | Description | Default|
+| --------------- | -------------------------------- | ----------------------------------------------------------------------------------------|
+|`blocks`|Which blocks to add| `['form', 'input', 'textarea', 'select', 'button', 'label', 'checkbox', 'radio']` (all) |
+|`category`|Category name|`Forms`|
+|`block`|Add custom block options, based on block id.|`(blockId) => ({})`|
 
 
 

dist/grapesjs-plugin-forms.min.js

@@ -5,7 +5,6 @@
     <title>GrapesJS Plugin Forms</title>
     <link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
     <script src="https://unpkg.com/grapesjs"></script>
-    <script src="dist/grapesjs-plugin-forms.min.js"></script>
     <style>
       body, html{ height: 100%; margin: 0;}
 
@@ -56,17 +55,19 @@
 
 
     <script type="text/javascript">
-      var editor = grapesjs.init({
-        height: '100%',
-        noticeOnUnload: 0,
-        storageManager:{autoload: 0},
-        container : '#gjs',
-        fromElement: true,
+      setTimeout(() => {
+        window.editor = grapesjs.init({
+          height: '100%',
+          noticeOnUnload: false,
+          storageManager: false,
+          container : '#gjs',
+          fromElement: true,
 
-        plugins: ['grapesjs-plugin-forms'],
-        pluginsOpts: {
-          'grapesjs-plugin-forms': {}
-        }
+          plugins: ['grapesjs-plugin-forms'],
+          pluginsOpts: {
+            'grapesjs-plugin-forms': {}
+          }
+        });
       });
     </script>
   </body>