Update pages.html

pages.html

@@ -881,19 +881,12 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 <script>
 
   // Добавляем кнопку линейки в верхнюю панель инструментов
-const pn = editor.Panels;
-const panelViews = pn.getPanel('options'); // Получаем существующую панель с идентификатором 'options'
-
-// Добавляем новую кнопку в панель
-panelViews.get('buttons').add([{
-  attributes: {
-    title: 'Toggle Rulers'
-  },
-  context: 'toggle-rulers', // Предотвращает переключение линеек при нажатии на другую кнопку панели
-  label: `<svg width="18" viewBox="0 0 16 16"><path d="M0 8a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5A.5.5 0 0 1 0 8z"/><path d="M4 3h8a1 1 0 0 1 1 1v2.5h1V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2.5h1V4a1 1 0 0 1 1-1zM3 9.5H2V12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V9.5h-1V12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.5z"/></svg>`,
-  command: 'ruler-visibility',
-  id: 'ruler-visibility'
-}]);
+  editor.Panels.addButton('options', {
+    id: 'toggle-rulers',
+    className: 'fa fa-ruler', // Иконка линейки
+    command: 'ruler-visibility', // Команда для переключения видимости линеек
+    attributes: { title: 'Toggle Rulers' }
+  });
 </script>