Update pages.html

pages.html

@@ -768,25 +768,113 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
   
   
 
-    <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>
-
+<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>