Update pages.html

pages.html

@@ -573,21 +573,30 @@ editor.Blocks.add('custom-form-block', {
 
 
 
-// Добавление блока с полями ввода для переменных
-editor.BlockManager.add('custom-script-block', {
-  label: 'Custom Script Block',
-  content: `
-    <div>
-      <input type="text" placeholder="Variable 1" data-var="var1">
-      <input type="text" placeholder="Variable 2" data-var="var2">
-      <input type="text" placeholder="Variable 3" data-var="var3">
-    </div>
-  `,
-  attributes: {
-    class: 'fa fa-code'
+// Функция для загрузки скриптов
+function loadScript(src, position, callback) {
+  const script = document.createElement('script');
+  script.src = src;
+  script.onload = callback;
+
+  if (position === 'head') {
+    document.head.appendChild(script);
+  } else {
+    document.body.appendChild(script);
   }
+}
+
+// Инициализация GrapesJS
+const editor = grapesjs.init({
+  container: '#gjs',
+  fromElement: true,
+  height: '100%',
+  storageManager: { autoload: false },
+  plugins: [],
+  pluginsOpts: {}
 });
 
+// Пример использования
 editor.on('load', () => {
   // Добавление скриптов в head
   loadScript('https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js', 'head', function() {
@@ -602,22 +611,10 @@ editor.on('load', () => {
   loadScript('https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js', 'body', function() {
     console.log('Script 3 loaded in body!');
   });
-
-  // Пример использования, чтобы получить значения переменных
-  const logVariables = () => {
-    const var1 = document.querySelector('[data-var="var1"]').value;
-    const var2 = document.querySelector('[data-var="var2"]').value;
-    const var3 = document.querySelector('[data-var="var3"]').value;
-    console.log('Variables:', var1, var2, var3);
-  };
-
-  // Вызов logVariables при нажатии на кнопку в редакторе (пример)
-  document.querySelector('.gjs-pn-btn.fa.fa-code').addEventListener('click', logVariables);
 });
 
 
 
-