Update pages.html

pages.html

@@ -39,6 +39,9 @@
 
 
 
+<link href="https://unpkg.com/grapesjs-rulers/dist/grapesjs-rulers.min.css" rel="stylesheet">
+
+<script src="https://unpkg.com/grapesjs-rulers"></script>
 
 
 
@@ -768,7 +771,7 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
   
   
- <script type="text/javascript">
+<script type="text/javascript">
   var editor = grapesjs.init({
     container: '#gjs',
     fromElement: true,
@@ -788,7 +791,8 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
       "grapesjs-user-blocks",
       "grapesjs-tabs", // Плагин вкладок
       "grapesjs-tooltip", // Плагин подсказок
-      "grapesjs-script-editor" // Добавляем плагин редактора скриптов
+      "grapesjs-script-editor", // Плагин редактора скриптов
+      "grapesjs-rulers" // Добавляем плагин линеек
     ],
     pluginsOpts: {
       "gjs-blocks-basic": {
@@ -862,6 +866,13 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
         codeViewOptions: {},
         buttonLabel: 'save',
         commandAttachScript: {}
+      },
+      "grapesjs-rulers": {
+        // Настройки для grapesjs-rulers
+        dragMode: 'translate',
+        rulerHeight: 15,
+        canvasZoom: 94,
+        rulerOpts: {}
       }
     }
   });