Update pages.html

pages.html

@@ -616,9 +616,46 @@ editor.Components.addType('custom-form', {
           name: 'new_w',
           label: 'Открвывать в новом окне браузера 0-НЕТ,1-ДА',
           changeProp: true
+        },
+        // Добавляем настройки для стилей
+        {
+          type: 'color',
+          name: 'bgColor',
+          label: 'Цвет фона формы',
+          changeProp: true
+        },
+        {
+          type: 'color',
+          name: 'textColor',
+          label: 'Цвет текста формы',
+          changeProp: true
+        },
+        {
+          type: 'number',
+          name: 'fontSize',
+          label: 'Размер шрифта',
+          changeProp: true
         }
       ]
     }
+  },
+  // Добавляем обработчик для применения стилей
+  view: {
+    onRender({ el, model }) {
+      const bgColor = model.get('bgColor');
+      const textColor = model.get('textColor');
+      const fontSize = model.get('fontSize');
+
+      if (bgColor) {
+        el.style.backgroundColor = bgColor;
+      }
+      if (textColor) {
+        el.style.color = textColor;
+      }
+      if (fontSize) {
+        el.style.fontSize = `${fontSize}px`;
+      }
+    }
   }
 });
 // Создаем блок для компонента формы