Update pages.html

pages.html

@@ -50,7 +50,7 @@
   <link href="https://unpkg.com/grapesjs-rte-extensions/dist/grapesjs-rte-extensions.min.css" rel="stylesheet" />
   <script src="https://unpkg.com/grapesjs-rte-extensions"></script>
   <script src="https://unpkg.com/grapesjs-user-blocks"></script>
-
+  <script src="path/to/grapesjs-tabs.min.js"></script>
 
 
 
@@ -768,83 +768,85 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
   
   
-  <script>
-    // Инициализация GrapesJS редактора
-const 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"
-  ],
-  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
+ <script type="text/javascript">
+  var editor = grapesjs.init({
+    container: '#gjs',
+    fromElement: true,
+    height: "100vh",
+    storageManager: {
+      type: 'local',
+      autosave: true,
+      autoload: true,
+      stepsBeforeSave: 1,
     },
-    "grapesjs-rte-extensions": {
-      base: {
-        bold: true,
-        italic: true,
-        underline: true,
-        strikethrough: true,
-        link: true,
+    plugins: [
+      "gjs-blocks-basic",
+      "grapesjs-component-countdown",
+      "grapesjs-component-code-editor",
+      "grapesjs-templates",
+      "grapesjs-rte-extensions",
+      "grapesjs-user-blocks",
+      "grapesjs-tabs" // Добавляем плагин вкладок
+    ],
+    pluginsOpts: {
+      "gjs-blocks-basic": {
+        blocks: ['column1', 'column2', 'column3', 'column3-7', 'text', 'quote', 'social'],
+        blocksBasicOpts: {
+          flexGrid: true,
+          stylePrefix: 'gjs-',
+          columns: 12,
+          rowHeight: 75,
+          addBasicStyle: true
+        }
       },
-      fonts: {
-        fontColor: true,
-        hilite: 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: 'Удалить'
       },
-      format: {
-        heading1: true,
-        heading2: true,
-        heading3: true,
-        paragraph: true,
-        clearFormatting: true,
+      "grapesjs-templates": {
+        // Настройки для grapesjs-templates
       },
-      align: true,
-      darkColorPicker: true,
-      maxWidth: '600px'
-    },
-    "grapesjs-user-blocks": {
-      // Настройки для grapesjs-user-blocks
+      "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
+      }
     }
-  },
-});
-
+  });
 </script>