This plugin adds the possibility to export template in a zip archive. Demo: http://grapesjs.com/demo.html
- Plugin name:
gjs-plugin-export - Commands:
gjs-export-zip
addExportBtnAdd a button inside the export dialog, default:truebtnLabelLabel to the export butten, default:Export to ZIPpreHtmlString before the HTML template, default:<!doctype html><html><head><link rel="stylesheet" href="./css/style.css"></head><body>postHtmlString after the HTML template, default:</body><html>preCssString before the CSS template, default: ``postCssString after the CSS template, default: ``
npm i grapesjs-plugin-export
<link rel="stylesheet" href="path/to/grapes.min.css">
<script src="path/to/grapes.min.js"></script>
<script src="path/to/grapesjs-plugin-export.min.js"></script>
<div id="gjs"></div>
<script type="text/javascript">
var editor = grapesjs.init({
container : '#gjs',
plugins: ['gjs-plugin-export'],
pluginsOpts: {
'gjs-plugin-export': {
btnLabel: 'EXPORT',
preHtml: '<!doctype><html><head><link rel="stylesheet" href="./css/style.css"></head><body>'
}
}
});
// You can also call the command wherever you want in this way
editor.runCommand('gjs-export-zip');
</script>Doesn't export images
Clone the repository
$ git clone https://github.com/artf/grapesjs-plugin-export.git
$ cd grapesjs-plugin-exportInstall it
$ npm iThe plugin relies on GrapesJS via peerDependencies so you have to install it manually (without adding it to package.json)
$ npm i grapesjs --no-saveStart the dev server
$ npm startBSD 3-Clause
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent