Update pages.html

pages.html

@@ -355,9 +355,95 @@ const editor = grapesjs.init({
 
 
 
+<script>
+
+
+editor.Components.addType('dropdown-settings', {
+  model: {
+    defaults: {
+      // HTML-код блока настроек выпадающего списка
+      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);
+        // Подключение указанных скриптов
+        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!');
+          });
+        }
+      },
+      // Свойства, которые будут передаваться в скрипт
+      'script-props': ['dropdown_list', 'library'],
+      // Настройки для ввода JSON-строки с данными о выпадающем списке
+      traits: [
+        {
+          type: 'select',
+          name: 'library',
+          label: 'Library',
+          options: [
+            { value: '1', name: 'Dropdown - 1' }
+          ],
+          changeProp: true
+        },
+        {
+          type: 'text',
+          name: 'dropdown_list',
+          label: 'Dropdown List',
+          changeProp: true,
+          placeholder: '[{"title":"Название","link":"URL"},...]',
+          style: { width: '100%', height: '200px' } // Широкое поле ввода
+        }
+      ]
+    }
+  }
+});
+// Создаем блок для компонента настроек выпадающего списка
+editor.Blocks.add('dropdown-settings-block', {
+  label: 'Настройка выпадающего списка',
+  content: { type: 'dropdown-settings' },
+});
+</script>
+
+
+
+
+
+
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+  
 <script>
 
 editor.BlockManager.add('custom-player', {