Update pages.html
Browse files- pages.html +22 -4
pages.html
CHANGED
|
@@ -46,7 +46,7 @@
|
|
| 46 |
<link href="https://unpkg.com/grapesjs-plugin-toolbox/dist/grapesjs-plugin-toolbox.min.css" rel="stylesheet">
|
| 47 |
|
| 48 |
<script src="https://unpkg.com/grapesjs-plugin-toolbox"></script>
|
| 49 |
-
|
| 50 |
|
| 51 |
<script src="https://unpkg.com/grapesjs-component-code-editor"></script>
|
| 52 |
<script src="https://unpkg.com/grapesjs-templates"></script>
|
|
@@ -1213,7 +1213,8 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
| 1213 |
"grapesjs-tooltip", // Плагин подсказок
|
| 1214 |
"grapesjs-script-editor", // Плагин редактора скриптов
|
| 1215 |
"grapesjs-rulers", // Добавляем плагин линеек
|
| 1216 |
-
"grapesjs-tui-image-editor" // Добавляем плагин редактора изображений
|
|
|
|
| 1217 |
],
|
| 1218 |
pluginsOpts: {
|
| 1219 |
"gjs-blocks-basic": {
|
|
@@ -1308,11 +1309,28 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
| 1308 |
hideHeader: true,
|
| 1309 |
addToAssets: true,
|
| 1310 |
upload: false
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1311 |
}
|
| 1312 |
}
|
| 1313 |
});
|
| 1314 |
-
</script>
|
| 1315 |
-
<script>
|
| 1316 |
|
| 1317 |
// Добавляем кнопку линейки в верхнюю панель инструментов с использованием SVG-иконки
|
| 1318 |
editor.Panels.addButton('options', {
|
|
|
|
| 46 |
<link href="https://unpkg.com/grapesjs-plugin-toolbox/dist/grapesjs-plugin-toolbox.min.css" rel="stylesheet">
|
| 47 |
|
| 48 |
<script src="https://unpkg.com/grapesjs-plugin-toolbox"></script>
|
| 49 |
+
<script src="path/to/grapesjs-plugin-export.min.js"></script>
|
| 50 |
|
| 51 |
<script src="https://unpkg.com/grapesjs-component-code-editor"></script>
|
| 52 |
<script src="https://unpkg.com/grapesjs-templates"></script>
|
|
|
|
| 1213 |
"grapesjs-tooltip", // Плагин подсказок
|
| 1214 |
"grapesjs-script-editor", // Плагин редактора скриптов
|
| 1215 |
"grapesjs-rulers", // Добавляем плагин линеек
|
| 1216 |
+
"grapesjs-tui-image-editor", // Добавляем плагин редактора изображений
|
| 1217 |
+
"grapesjs-plugin-export" // Добавляем плагин экспорта
|
| 1218 |
],
|
| 1219 |
pluginsOpts: {
|
| 1220 |
"gjs-blocks-basic": {
|
|
|
|
| 1309 |
hideHeader: true,
|
| 1310 |
addToAssets: true,
|
| 1311 |
upload: false
|
| 1312 |
+
},
|
| 1313 |
+
"grapesjs-plugin-export": {
|
| 1314 |
+
addExportBtn: true,
|
| 1315 |
+
btnLabel: 'Export to ZIP',
|
| 1316 |
+
filenamePfx: 'grapesjs_template',
|
| 1317 |
+
filename: null,
|
| 1318 |
+
root: {
|
| 1319 |
+
css: {
|
| 1320 |
+
'style.css': ed => ed.getCss(),
|
| 1321 |
+
'some-file.txt': 'My custom content',
|
| 1322 |
+
},
|
| 1323 |
+
img: async ed => {
|
| 1324 |
+
const images = await fetchImagesByStructue(ed.getComponents());
|
| 1325 |
+
return images;
|
| 1326 |
+
// Where `images` is an object like this:
|
| 1327 |
+
// { 'img1.png': '...png content', 'img2.jpg': '...jpg content' }
|
| 1328 |
+
},
|
| 1329 |
+
'index.html': ed => `<body>${ed.getHtml()}</body>`
|
| 1330 |
+
}
|
| 1331 |
}
|
| 1332 |
}
|
| 1333 |
});
|
|
|
|
|
|
|
| 1334 |
|
| 1335 |
// Добавляем кнопку линейки в верхнюю панель инструментов с использованием SVG-иконки
|
| 1336 |
editor.Panels.addButton('options', {
|