Update pages.html

pages.html

@@ -767,113 +767,24 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
   
   
-<script type="text/javascript">
-var editor = grapesjs.init({
-    container: '#gjs',
-    fromElement: true,
-    height: "100vh",
-    storageManager: {
-      type: 'local',
-      autosave: true,
-      autoload: true,
-      stepsBeforeSave: 1,
-    },
-    plugins: [
-      "gjs-blocks-basic",
-      "grapesjs-component-countdown",
-      "grapesjs-component-code-editor",
-      "grapesjs-templates",
-      "grapesjs-rte-extensions",
-      "grapesjs-user-blocks",
-      "grapesjs-tabs", // Плагин вкладок
-      "grapesjs-tooltip", // Плагин подсказок
-      "grapesjs-script-editor", // Плагин редактора скриптов
-      "grapesjs-rulers" // Добавляем плагин линеек
-    ],
-    pluginsOpts: {
-      "gjs-blocks-basic": {
-        blocks: ['column1', 'column2', 'column3', 'column3-7', 'text', 'quote', 'social'],
-        blocksBasicOpts: {
-          flexGrid: true,
-          stylePrefix: 'gjs-',
-          columns: 12,
-          rowHeight: 75,
-          addBasicStyle: true
-        }
-      },
-      "grapesjs-component-code-editor": {
-        panelId: 'views-container',
-        appendTo: '.gjs-pn-views-container',
-        openState: { pn: '35%', cv: '65%' },
-        closedState: { pn: '15%', cv: '85%' },
-        codeViewOptions: {},
-        preserveWidth: false,
-        clearData: false,
-        editJs: true,
-        cleanCssBtn: true,
-        htmlBtnText: 'Применить',
-        cssBtnText: 'Применить',
-        cleanCssBtnText: 'Удалить'
-      },
-      "grapesjs-templates": {
-        // Настройки для grapesjs-templates
-      },
-      "grapesjs-rte-extensions": {
-        base: {
-          bold: true,
-          italic: true,
-          underline: true,
-          strikethrough: true,
-          link: true,
-        },
-        fonts: {
-          fontColor: true,
-          hilite: true,
-        },
-        format: {
-          heading1: true,
-          heading2: true,
-          heading3: true,
-          paragraph: true,
-          clearFormatting: true,
-        },
-        align: true,
-        darkColorPicker: true,
-        maxWidth: '600px'
-      },
-      "grapesjs-user-blocks": {
-        // Настройки для grapesjs-user-blocks
-      },
-      "grapesjs-tabs": {
-        // Настройки для grapesjs-tabs
-      },
-      "grapesjs-tooltip": {
-        // Настройки для grapesjs-tooltip
-      },
-      "grapesjs-script-editor": {
-        // Настройки для grapesjs-script-editor
-        starter: 'let el = this',
-        toolbarIcon: '<i class="fa fa-puzzle-piece"></i>',
-        scriptTypesSupport: ['default', 'wrapper', 'text', 'textnode', 'image', 'video', 'svg'],
-        toolbarBtnCustomScript: {},
-        onRun: () => console.log('valid syntax'),
-        onError: err => console.log('error:', err),
-        modalTitle: 'Script',
-        codeViewOptions: {},
-        buttonLabel: 'save',
-        commandAttachScript: {}
-      },
-      "grapesjs-rulers": {
-        // Настройки для grapesjs-rulers
-        dragMode: 'translate',
-        rulerHeight: 15,
-        canvasZoom: 94,
-        rulerOpts: {}
-      }
-    }
-  });
-  </script>
 
+    <script type="text/javascript">
+      window.onload = () => {
+        window.editor = grapesjs.init({
+          height: '100%',
+          showOffsets: true,
+          noticeOnUnload: false,
+          storageManager: false,
+          container: '#gjs',
+          fromElement: true,
+
+          plugins: ['grapesjs-preset-webpage'],
+          pluginsOpts: {
+            'grapesjs-preset-webpage': {}
+          }
+        });
+      };
+    </script>