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) {
|