DmitrMakeev
commited on
Update pages.html
Browse files- pages.html +48 -43
pages.html
CHANGED
@@ -702,51 +702,56 @@ editor.on('load', function() {
|
|
702 |
}
|
703 |
</script>
|
704 |
|
705 |
-
|
706 |
-
|
707 |
-
|
708 |
-
|
709 |
-
|
710 |
-
|
711 |
-
|
712 |
-
|
713 |
-
|
714 |
-
|
715 |
-
|
716 |
-
|
717 |
-
|
718 |
-
|
719 |
-
|
720 |
-
|
721 |
-
|
722 |
-
|
723 |
-
|
724 |
-
|
725 |
-
|
726 |
-
|
727 |
-
|
728 |
-
|
729 |
-
|
730 |
-
|
731 |
-
|
732 |
-
|
733 |
-
|
734 |
-
|
735 |
-
|
736 |
-
|
737 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
738 |
|
739 |
-
|
740 |
-
|
741 |
-
|
742 |
-
|
743 |
-
|
744 |
-
|
745 |
-
|
746 |
-
|
747 |
-
});
|
748 |
});
|
749 |
-
|
750 |
|
751 |
<script>
|
752 |
document.getElementById('uploadForm').addEventListener('submit', function(event) {
|
|
|
702 |
}
|
703 |
</script>
|
704 |
|
705 |
+
// Импортируем функции из externalFile.js
|
706 |
+
import { loadVKBridge, loadOpenAPI } from './externalFile.js';
|
707 |
+
|
708 |
+
document.addEventListener('DOMContentLoaded', () => {
|
709 |
+
// Функция для тестовой кнопки
|
710 |
+
document.getElementById('testBtn').addEventListener('click', async function() {
|
711 |
+
console.log('Тестовая кнопка работает!');
|
712 |
+
// Получаем HTML-код из GrapesJS
|
713 |
+
const editor = grapesjs.editors[0]; // Предполагается, что у вас есть только один редактор
|
714 |
+
const htmlContent = editor.getHtml();
|
715 |
+
const cssContent = editor.getCss();
|
716 |
+
|
717 |
+
// Загружаем библиотеки
|
718 |
+
await loadVKBridge();
|
719 |
+
await loadOpenAPI();
|
720 |
+
|
721 |
+
const fullHtmlContent = `
|
722 |
+
<!DOCTYPE html>
|
723 |
+
<html lang="en">
|
724 |
+
<head>
|
725 |
+
<meta charset="UTF-8">
|
726 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
727 |
+
<title>Скачанная HTML-страница</title>
|
728 |
+
<style>${cssContent}</style>
|
729 |
+
</head>
|
730 |
+
<body>
|
731 |
+
${htmlContent}
|
732 |
+
</body>
|
733 |
+
</html>
|
734 |
+
`;
|
735 |
+
|
736 |
+
const blob = new Blob([fullHtmlContent], { type: 'text/html' });
|
737 |
+
const link = document.createElement('a');
|
738 |
+
link.href = URL.createObjectURL(blob);
|
739 |
+
link.download = 'downloaded_page.html';
|
740 |
+
document.body.appendChild(link);
|
741 |
+
link.click();
|
742 |
+
document.body.removeChild(link);
|
743 |
+
});
|
744 |
|
745 |
+
// Функция для показа/скрытия приложения
|
746 |
+
document.getElementById('toggleAppBtn').addEventListener('click', function() {
|
747 |
+
const app = document.getElementById('gjs');
|
748 |
+
if (app.style.left === '0px' || app.style.left === '') {
|
749 |
+
app.style.left = '-15%'; // Скрыть приложение
|
750 |
+
} else {
|
751 |
+
app.style.left = '0'; // Показать приложение
|
752 |
+
}
|
|
|
753 |
});
|
754 |
+
});
|
755 |
|
756 |
<script>
|
757 |
document.getElementById('uploadForm').addEventListener('submit', function(event) {
|