Update pages.html

pages.html

@@ -356,8 +356,6 @@ const editor = grapesjs.init({
 
 
 <script>
-
-
 editor.Components.addType('dropdown-settings', {
   model: {
     defaults: {
@@ -365,20 +363,23 @@ editor.Components.addType('dropdown-settings', {
       content: '<div id="dropdown-settings"></div>',
       // Скрипт для обработки блока (если нужно)
       script: function(props) {
-        window.dropdown_list = props.dropdown_list;
-        console.log('Dropdown settings initialized with dropdown_list:', dropdown_list);
-        // Подключение указанных скриптов
+        // Сохраняем данные о выпадающем списке в глобальную переменную
+        window.menu_list = props.menu_list;
+        console.log('Dropdown settings initialized with menu_list:', menu_list);
+        // Функция для подключения скриптов в head
         const loadScriptToHead = (src, callback) => {
           const script = document.createElement('script');
           script.src = src;
           script.onload = callback;
           document.head.appendChild(script);
         };
+        // Выбор библиотеки для выпадающего списка
         const library = props.library;
         let dropdownjsSrc;
         if (library === '1') {
           dropdownjsSrc = 'https://example.com/path/to/dropdownjs.js';
         }
+        // Подключение выбранной библиотеки
         if (dropdownjsSrc) {
           loadScriptToHead(dropdownjsSrc, () => {
             console.log('DropdownJS script loaded!');
@@ -386,25 +387,25 @@ editor.Components.addType('dropdown-settings', {
         }
       },
       // Свойства, которые будут передаваться в скрипт
-      'script-props': ['dropdown_list', 'library'],
+      'script-props': ['menu_list', 'library'],
       // Настройки для ввода JSON-строки с данными о выпадающем списке
       traits: [
         {
-          type: 'select',
-          name: 'library',
-          label: 'Library',
+          type: 'select', // Тип поля - выпадающий список
+          name: 'library', // Имя свойства
+          label: 'Library', // Метка для пользователя
           options: [
-            { value: '1', name: 'Dropdown - 1' }
+            { value: '1', name: 'Dropdown - 1' } // Опции выпадающего списка
           ],
-          changeProp: true
+          changeProp: true // Изменение свойства при выборе
         },
         {
-          type: 'text',
-          name: 'dropdown_list',
-          label: 'Dropdown List',
-          changeProp: true,
-          placeholder: '[{"title":"Название","link":"URL"},...]',
-          style: { width: '100%', height: '200px' } // Широкое поле ввода
+          type: 'text', // Тип поля - текстовое поле
+          name: 'menu_list', // Имя свойства
+          label: 'Menu List', // Метка для пользователя
+          changeProp: true, // Изменение свойства при вводе
+          placeholder: '[{"title":"Название","link":"URL"},...]', // Плейсхолдер
+          style: { width: '100%', height: '200px' } // Стили для поля ввода
         }
       ]
     }
@@ -412,8 +413,8 @@ editor.Components.addType('dropdown-settings', {
 });
 // Создаем блок для компонента настроек выпадающего списка
 editor.Blocks.add('dropdown-settings-block', {
-  label: 'Настройка выпадающего списка',
-  content: { type: 'dropdown-settings' },
+  label: 'Настройка выпадающего списка', // Метка для пользователя в редакторе
+  content: { type: 'dropdown-settings' }, // Тип создаваемого компонента
 });
 </script>
 
@@ -436,7 +437,6 @@ editor.Blocks.add('dropdown-settings-block', {
 
 
 
-