Update pages.html

pages.html

@@ -474,6 +474,33 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
 
 
+
+
+
+
+// Функция для загрузки скриптов
+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.Components.addType('custom-form', {
   model: {
@@ -514,7 +541,7 @@ editor.Components.addType('custom-form', {
           </form>
         </div>
       `,
-      // Скрипт для обработки отправки формы
+      // Скрипт для обработки отправки формы и загрузки скриптов
       script: function(props) {
         const form = this.querySelector('#contactForm');
         const avpInput = form.querySelector('input[name="avp_v"]');
@@ -529,6 +556,26 @@ editor.Components.addType('custom-form', {
         if (red_urlInput) {
           grupInput.value = props.red_url;
         }
+
+        // Загрузка скриптов
+        const loadScripts = () => {
+          loadScript('https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js', 'head', function() {
+            console.log('Script 1 loaded in head!');
+          });
+
+          loadScript('https://vk.com/js/api/openapi.js?169', 'head', function() {
+            console.log('Script 2 loaded in head!');
+          });
+
+          loadScript('https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js', 'body', function() {
+            console.log('Script 3 loaded in body!');
+          });
+        };
+
+        // Проверка, загружены ли скрипты, и загрузка их при необходимости
+        if (typeof someExtLib == 'undefined') {
+          loadScripts();
+        }
       },
       // Свойства, которые будут передаваться в скрипт
       'script-props': ['avp', 'grup', 'red_url'],
@@ -564,57 +611,6 @@ editor.Blocks.add('custom-form-block', {
 });
 
 
-
-
-
-
-
-
-
-
-
-// Функция для загрузки скриптов
-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() {
-    console.log('Script 1 loaded in head!');
-  });
-
-  loadScript('https://vk.com/js/api/openapi.js?169', 'head', function() {
-    console.log('Script 2 loaded in head!');
-  });
-
-  // Добавление скрипта в body
-  loadScript('https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js', 'body', function() {
-    console.log('Script 3 loaded in body!');
-  });
-});
-
-
-