psy_vk

Sleeping

App Files Files Community

DmitrMakeev commited on Aug 17, 2024

Commit

b5f2bed

verified ·

1 Parent(s): 9849074

Update pages.html

Browse files

Files changed (1) hide show

pages.html +90 -94

pages.html CHANGED Viewed

@@ -706,35 +706,40 @@ editor.on('load', function() {
     // Функция для показа/скрытия приложения
     document.addEventListener('DOMContentLoaded', () => {
       // Функция для тестовой кнопки
-  document.addEventListener('DOMContentLoaded', () => {
-    document.getElementById('testBtn').addEventListener('click', function() {
-      console.log('Тестовая кнопка работает!');
-      const editor = grapesjs.editors[0]; // Предполагается, что у вас есть только один редактор
-      const htmlContent = editor.getHtml();
-      const cssContent = editor.getCss();
-      const fullHtmlContent = `
-        <!DOCTYPE html>
-        <html lang="en">
-        <head>
-          <meta charset="UTF-8">
-          <meta name="viewport" content="width=device-width, initial-scale=1.0">
-          <title>Скачанная HTML-страница</title>
-          <style>${cssContent}</style>
-        </head>
-        <body>
-          ${htmlContent}
-        </body>
-        </html>
-      `;
-      const blob = new Blob([fullHtmlContent], { type: 'text/html' });
-      const link = document.createElement('a');
-      link.href = URL.createObjectURL(blob);
-      link.download = 'downloaded_page.html';
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-    });
-  });
       // Функция для показа/скрытия приложения
       document.getElementById('toggleAppBtn').addEventListener('click', function() {
         const app = document.getElementById('gjs');
@@ -747,71 +752,62 @@ editor.on('load', function() {
     });
   </script>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
-    <script>
-        document.getElementById('uploadForm').addEventListener('submit', function(event) {
-            event.preventDefault();
-            var formData = new FormData(this);
-            var request = new XMLHttpRequest();
-            request.open('POST', '/up_page');
-            request.upload.addEventListener('progress', function(event) {
-                if (event.lengthComputable) {
-                    var percentComplete = (event.loaded / event.total) * 100;
-                    document.getElementById('progressBar').style.width = percentComplete + '%';
-                    document.getElementById('progressBar').innerText = Math.round(percentComplete) + '%';
-                }
-            }, false);
-            request.addEventListener('load', function(event) {
-                var response = event.target.responseText;
-                if (event.target.status === 200) {
-                    var fullUrl = response.split('saved to ')[1];
-                    document.getElementById('imageUrl').innerText = 'Click to copy URL';
-                    document.getElementById('imageUrl').setAttribute('data-url', fullUrl);
-                    Toastify({
-                        text: "File uploaded successfully",
-                        duration: 3000,
-                        gravity: "top",
-                        position: "center",
-                        backgroundColor: "#4CAF50",
-                    }).showToast();
-                } else if (event.target.status === 409) {
-                    Toastify({
-                        text: "File with this name already exists",
-                        duration: 3000,
-                        gravity: "top",
-                        position: "center",
-                        backgroundColor: "#FF5733",
-                    }).showToast();
-                }
-                document.getElementById('progressBar').style.width = '0%';
-                document.getElementById('progressBar').innerText = '0%';
-            }, false);
-            request.send(formData);
-        });
-        function copyToClipboard(element) {
-            var tempInput = document.createElement("input");
-            tempInput.value = element.getAttribute('data-url');
-            document.body.appendChild(tempInput);
-            tempInput.select();
-            document.execCommand("copy");
-            document.body.removeChild(tempInput);
-            Toastify({
-                text: "URL copied to clipboard",
-                duration: 3000,
-                gravity: "top",
-                position: "center",
-                backgroundColor: "#4CAF50",
-            }).showToast();
         }
-    </script>
 </body>
 </html>

     // Функция для показа/скрытия приложения
     document.addEventListener('DOMContentLoaded', () => {
       // Функция для тестовой кнопки
+      document.getElementById('testBtn').addEventListener('click', function() {
+        console.log('Тестовая кнопка работает!');
+        // Получаем HTML-код из GrapesJS
+        const editor = grapesjs.editors[0]; // Предполагается, что у вас есть только один редактор
+        const htmlContent = editor.getHtml();
+        const cssContent = editor.getCss();
+        // Создаем полный HTML-документ
+        const fullHtmlContent = `
+          <!DOCTYPE html>
+          <html lang="en">
+          <head>
+            <meta charset="UTF-8">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <title>Скачанная HTML-страница</title>
+            <style>${cssContent}</style>
+          </head>
+          <body>
+            ${htmlContent}
+          </body>
+          </html>
+        `;
+        // Создаем Blob с HTML-кодом
+        const blob = new Blob([fullHtmlContent], { type: 'text/html' });
+        // Создаем ссылку для скачивания
+        const link = document.createElement('a');
+        link.href = URL.createObjectURL(blob);
+        link.download = 'downloaded_page.html';
+        // Добавляем ссылку в документ и программно кликаем по ней
+        document.body.appendChild(link);
+        link.click();
+        // Удаляем ссылку из документа
+        document.body.removeChild(link);
+      });
       // Функция для показа/скрытия приложения
       document.getElementById('toggleAppBtn').addEventListener('click', function() {
         const app = document.getElementById('gjs');
     });
   </script>
+  <script>
+    document.getElementById('uploadForm').addEventListener('submit', function(event) {
+      event.preventDefault();
+      var formData = new FormData(this);
+      var request = new XMLHttpRequest();
+      request.open('POST', '/up_page');
+      request.upload.addEventListener('progress', function(event) {
+        if (event.lengthComputable) {
+          var percentComplete = (event.loaded / event.total) * 100;
+          document.getElementById('progressBar').style.width = percentComplete + '%';
+          document.getElementById('progressBar').innerText = Math.round(percentComplete) + '%';
+        }
+      }, false);
+      request.addEventListener('load', function(event) {
+        var response = event.target.responseText;
+        if (event.target.status === 200) {
+          var fullUrl = response.split('saved to ')[1];
+          document.getElementById('imageUrl').innerText = 'Click to copy URL';
+          document.getElementById('imageUrl').setAttribute('data-url', fullUrl);
+          Toastify({
+            text: "File uploaded successfully",
+            duration: 3000,
+            gravity: "top",
+            position: "center",
+            backgroundColor: "#4CAF50",
+          }).showToast();
+        } else if (event.target.status === 409) {
+          Toastify({
+            text: "File with this name already exists",
+            duration: 3000,
+            gravity: "top",
+            position: "center",
+            backgroundColor: "#FF5733",
+          }).showToast();
         }
+        document.getElementById('progressBar').style.width = '0%';
+        document.getElementById('progressBar').innerText = '0%';
+      }, false);
+      request.send(formData);
+    });
+    function copyToClipboard(element) {
+      var tempInput = document.createElement("input");
+      tempInput.value = element.getAttribute('data-url');
+      document.body.appendChild(tempInput);
+      tempInput.select();
+      document.execCommand("copy");
+      document.body.removeChild(tempInput);
+      Toastify({
+        text: "URL copied to clipboard",
+        duration: 3000,
+        gravity: "top",
+        position: "center",
+        backgroundColor: "#4CAF50",
+      }).showToast();
+    }
+  </script>
 </body>
 </html>