Update pages.html

pages.html

@@ -512,6 +512,12 @@ editor.DomComponents.addType('form-input', {
         console.log('Form input initialized with placeholder: ', this.getAttribute('placeholder'));
       },
       traits: [
+        {
+          type: 'text',
+          name: 'id',
+          label: 'Id',
+          changeProp: true,
+        },
         {
           type: 'text',
           name: 'placeholder',
@@ -526,8 +532,7 @@ editor.DomComponents.addType('form-input', {
         },
       ],
     },
-    // Указываем, какие свойства нужно передать в скрипт
-    'script-props': ['placeholder', 'required'],
+    'script-props': ['id', 'placeholder', 'required'],
   },
 });
 
@@ -538,6 +543,12 @@ editor.DomComponents.addType('form-select', {
         console.log('Form select initialized with options: ', this.options);
       },
       traits: [
+        {
+          type: 'text',
+          name: 'id',
+          label: 'Id',
+          changeProp: true,
+        },
         {
           type: 'text',
           name: 'options',
@@ -552,7 +563,7 @@ editor.DomComponents.addType('form-select', {
         },
       ],
     },
-    'script-props': ['options', 'required'],
+    'script-props': ['id', 'options', 'required'],
   },
 });
 
@@ -563,6 +574,12 @@ editor.DomComponents.addType('form-checkbox', {
         console.log('Form checkbox initialized. Required: ', this.getAttribute('required'));
       },
       traits: [
+        {
+          type: 'text',
+          name: 'id',
+          label: 'Id',
+          changeProp: true,
+        },
         {
           type: 'checkbox',
           name: 'required',
@@ -571,7 +588,7 @@ editor.DomComponents.addType('form-checkbox', {
         },
       ],
     },
-    'script-props': ['required'],
+    'script-props': ['id', 'required'],
   },
 });
 
@@ -594,6 +611,12 @@ editor.DomComponents.addType('form-button', {
         });
       },
       traits: [
+        {
+          type: 'text',
+          name: 'id',
+          label: 'Id',
+          changeProp: true,
+        },
         {
           type: 'text',
           name: 'text',
@@ -620,7 +643,7 @@ editor.DomComponents.addType('form-button', {
         },
       ],
     },
-    'script-props': ['text', 'avp', 'grups', 'redirect'],
+    'script-props': ['id', 'text', 'avp', 'grups', 'redirect'],
   },
 });
 
@@ -635,6 +658,12 @@ editor.DomComponents.addType('privacy-policy-link', {
         console.log('Privacy policy link initialized with href: ', props.href);
       },
       traits: [
+        {
+          type: 'text',
+          name: 'id',
+          label: 'Id',
+          changeProp: true,
+        },
         {
           type: 'text',
           name: 'href',
@@ -649,13 +678,14 @@ editor.DomComponents.addType('privacy-policy-link', {
         },
       ],
     },
-    'script-props': ['href', 'newWindow'],
+    'script-props': ['id', 'href', 'newWindow'],
   },
 });
 
 
 
 
+
   
     // Добавление кнопки для открытия редактора кода
     const pn = editor.Panels;