Update builder2.html
Browse files- builder2.html +19 -7
builder2.html
CHANGED
|
@@ -9,7 +9,7 @@
|
|
| 9 |
<script src="https://unpkg.com/grapesjs-custom-code"></script>
|
| 10 |
<style>
|
| 11 |
/* Ваш существующий CSS */
|
| 12 |
-
|
| 13 |
height: 100%;
|
| 14 |
margin: 0;
|
| 15 |
}
|
|
@@ -32,12 +32,28 @@
|
|
| 32 |
margin: 10px 0; /* Увеличение расстояния между картинками на мобильных устройствах */
|
| 33 |
}
|
| 34 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 35 |
</style>
|
| 36 |
</head>
|
| 37 |
<body>
|
| 38 |
<div id="gjs" style="height:0px; overflow:hidden;">
|
| 39 |
<!-- Ваш существующий HTML контент -->
|
| 40 |
-
|
| 41 |
<h1 class="welcome">Добро пожаловать!</h1>
|
| 42 |
<div class="big-title">
|
| 43 |
<img class="logo" src="https://via.placeholder.com/70x70.png?text=Logo" alt="Logo">
|
|
@@ -144,11 +160,8 @@
|
|
| 144 |
<!-- Кнопка для экспорта HTML -->
|
| 145 |
<button id="export-html">Скачать HTML</button>
|
| 146 |
|
| 147 |
-
|
| 148 |
<script type="text/javascript" src="https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/js/sav_html.js"></script>
|
| 149 |
|
| 150 |
-
|
| 151 |
-
|
| 152 |
<script type="text/javascript">
|
| 153 |
var editor = grapesjs.init({
|
| 154 |
showOffsets: 1,
|
|
@@ -178,12 +191,11 @@
|
|
| 178 |
}
|
| 179 |
}
|
| 180 |
});
|
| 181 |
-
|
| 182 |
// Обработчик для кнопки экспорта
|
| 183 |
document.getElementById('export-html').addEventListener('click', exportHtml);
|
| 184 |
</script>
|
| 185 |
|
| 186 |
-
<!--
|
| 187 |
|
| 188 |
</body>
|
| 189 |
</html>
|
|
|
|
| 9 |
<script src="https://unpkg.com/grapesjs-custom-code"></script>
|
| 10 |
<style>
|
| 11 |
/* Ваш существующий CSS */
|
| 12 |
+
body, html {
|
| 13 |
height: 100%;
|
| 14 |
margin: 0;
|
| 15 |
}
|
|
|
|
| 32 |
margin: 10px 0; /* Увеличение расстояния между картинками на мобильных устройствах */
|
| 33 |
}
|
| 34 |
}
|
| 35 |
+
|
| 36 |
+
/* Стили для кнопки "Скачать HTML" */
|
| 37 |
+
#export-html {
|
| 38 |
+
background-color: #333; /* Фон кнопки */
|
| 39 |
+
color: #fff; /* Цвет текста кнопки */
|
| 40 |
+
border: none;
|
| 41 |
+
padding: 15px 30px; /* Размер кнопки */
|
| 42 |
+
font-size: 16px; /* Размер текста кнопки */
|
| 43 |
+
cursor: pointer;
|
| 44 |
+
border-radius: 5px; /* Скругление углов */
|
| 45 |
+
transition: background-color 0.3s ease; /* Плавный переход при наведении */
|
| 46 |
+
}
|
| 47 |
+
|
| 48 |
+
#export-html:hover {
|
| 49 |
+
background-color: #555; /* Фон кнопки при наведении */
|
| 50 |
+
}
|
| 51 |
</style>
|
| 52 |
</head>
|
| 53 |
<body>
|
| 54 |
<div id="gjs" style="height:0px; overflow:hidden;">
|
| 55 |
<!-- Ваш существующий HTML контент -->
|
| 56 |
+
<div class="panel">
|
| 57 |
<h1 class="welcome">Добро пожаловать!</h1>
|
| 58 |
<div class="big-title">
|
| 59 |
<img class="logo" src="https://via.placeholder.com/70x70.png?text=Logo" alt="Logo">
|
|
|
|
| 160 |
<!-- Кнопка для экспорта HTML -->
|
| 161 |
<button id="export-html">Скачать HTML</button>
|
| 162 |
|
|
|
|
| 163 |
<script type="text/javascript" src="https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/js/sav_html.js"></script>
|
| 164 |
|
|
|
|
|
|
|
| 165 |
<script type="text/javascript">
|
| 166 |
var editor = grapesjs.init({
|
| 167 |
showOffsets: 1,
|
|
|
|
| 191 |
}
|
| 192 |
}
|
| 193 |
});
|
|
|
|
| 194 |
// Обработчик для кнопки экспорта
|
| 195 |
document.getElementById('export-html').addEventListener('click', exportHtml);
|
| 196 |
</script>
|
| 197 |
|
| 198 |
+
<!-- Функцию экспорта вынес в sav_html.js-->
|
| 199 |
|
| 200 |
</body>
|
| 201 |
</html>
|