wip #6693 @3

diff --git a/src/resources/views/fields/pagebuilder-grapesjs.blade.php b/src/resources/views/fields/pagebuilder-grapesjs.blade.php
index e8591cf49cd9e239f20f0217512a94d5f5298852..a18e94ab304be0078f1a68c8e8f9717ed3788993 100644 (file)
--- a/src/resources/views/fields/pagebuilder-grapesjs.blade.php
+++ b/src/resources/views/fields/pagebuilder-grapesjs.blade.php
@@ -70,9 +70,11 @@
                     const customComponents = editor => {
                     };
 
-                    let blocks = ['link-block', 'quote', 'text-basic'];
+                    let components = [];
+
+                    let blocks = [];
                     @foreach($blocks as $block)
-                    {!! file_get_contents($block.'/block.js') !!};
+                        {!! file_get_contents($block.'/block.js') !!};
                     @endforeach
 
                     let id = (Math.round(Math.random() * 10000000));
@@ -83,12 +85,15 @@
                     }
                     $(obj).addClass('grapesjs-init');
                     let e = grapesjs.init({
+                        canvas: {
+                            styles: ['{{ basset(resource_path('grapes/app.css')) }}'],
+                        },
                         container: '#gjs-' + id,
-                        style: '.txt-red{color: red}',
-                        plugins: ['grapesjs-preset-webpage', inlineStorage, customComponents],
+                        plugins: ['gjs-blocks-basic', 'grapesjs-preset-webpage', inlineStorage, customComponents],
                         pluginsOpts: {
+                            'gjs-blocks-basic': {flexGrid: true},
                             'grapesjs-preset-webpage': {
-                                'blocks':blocks,
+                                'blocks': blocks,
                             }
                         },
                         storageManager: {type: 'inline'},
@@ -96,6 +101,13 @@
                             blocks: blocks,
                         },
                     });
+
+                    for (var i in components) {
+                        let c = components[i];
+                        e.Components.addType(c[0], c[1]);
+                    }
+
+
                     $(obj).prev('input').attr('id', 'gjs-' + id + '-input')
                     $(obj).data('grapesjs', e);
                 });