Update pages.html

pages.html

@@ -45,7 +45,10 @@
 
 
 
-  
+
+<link href="https://unpkg.com/grapesjs-plugin-toolbox/dist/grapesjs-plugin-toolbox.min.css" rel="stylesheet">
+
+<script src="https://unpkg.com/grapesjs-plugin-toolbox"></script> 
   
 
   <script src="https://unpkg.com/grapesjs-component-code-editor"></script>
@@ -792,7 +795,8 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
       "grapesjs-tabs", // Плагин вкладок
       "grapesjs-tooltip", // Плагин подсказок
       "grapesjs-script-editor", // Плагин редактора скриптов
-      "grapesjs-rulers" // Добавляем плагин линеек
+      "grapesjs-rulers", // Плагин линеек
+      "grapesjs-plugin-toolbox" // Добавляем плагин toolbox
     ],
     pluginsOpts: {
       "gjs-blocks-basic": {
@@ -873,6 +877,28 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
         rulerHeight: 15,
         canvasZoom: 94,
         rulerOpts: {}
+      },
+      "grapesjs-plugin-toolbox": {
+        // Настройки для grapesjs-plugin-toolbox
+        panels: false,
+        traitsInSm: true,
+        resizer: true,
+        hideOnZoom: true,
+        breadcrumbs: true,
+        labelGrid: 'Grid',
+        categoryGrid: 'Basic',
+        gridBlock: {},
+        gridComponent: {},
+        gridClass: 'grid',
+        gridCellClass: 'grid-cell',
+        cellItemClass: 'cell-item',
+        labelColors: 'Image palette',
+        labelApply: 'Add',
+        palleteIcon: '<i class="fa fa-paint-brush"></i>',
+        onAdd: 0,
+        refreshPalette: [{sector: 'typography', name: 'Color', property: 'color', type: 'color', defaults: 'black'}, ...],
+        minScreenSize: 250,
+        icons: [{type: 'default', icon: '<i class="fa fa-cube"></i>'}, ...]
       }
     }
   });