Update pages.html

pages.html

@@ -452,6 +452,93 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
       }
     });
 
+
+
+
+
+
+
+
+// Создаем новый тип компонента для формы
+editor.Components.addType('custom-form', {
+  model: {
+    defaults: {
+      // HTML-код формы
+      content: `
+        <form id="custom-form">
+          <input type="text" name="name" placeholder="Your Name" required>
+          <input type="email" name="email" placeholder="Your Email" required>
+          <input type="tel" name="phone" placeholder="Your Phone" required>
+          <label><input type="checkbox" name="subscribe" value="yes"> I agree to receive newsletters</label>
+          <button type="submit">Submit</button>
+        </form>
+      `,
+      // Скрипт для обработки отправки формы
+      script: function(props) {
+        const form = this.querySelector('#custom-form');
+        form.addEventListener('submit', function(event) {
+          event.preventDefault();
+          const formData = new FormData(form);
+          const data = {};
+          formData.forEach((value, key) => {
+            data[key] = value;
+          });
+          fetch(props.submitUrl, {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(data)
+          })
+          .then(response => response.json())
+          .then(data => {
+            console.log('Success:', data);
+          })
+          .catch((error) => {
+            console.error('Error:', error);
+          });
+        });
+      },
+      // Свойства, которые будут передаваться в скрипт
+      'script-props': ['submitUrl'],
+      // Настройки для изменения URL отправки
+      traits: [
+        {
+          type: 'text',
+          name: 'submitUrl',
+          label: 'Submit URL',
+          changeProp: true
+        }
+      ]
+    }
+  }
+});
+
+// Создаем блок для компонента формы
+editor.Blocks.add('custom-form-block', {
+  label: 'Custom Form',
+  content: { type: 'custom-form' },
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    
+
     // Добавление кнопки для открытия редактора кода
     const pn = editor.Panels;
     const panelViews = pn.addPanel({