- Notifications
You must be signed in to change notification settings - Fork68
Export GrapesJS templates in a zip archive
License
NotificationsYou must be signed in to change notification settings
GrapesJS/export
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
This plugin adds the possibility to export template in a zip archive.Demo:http://grapesjs.com/demo.html
- Plugin name:
grapesjs-plugin-export - Commands:
gjs-export-zip
| Option | Description | Default |
|---|---|---|
addExportBtn | Add a button inside the export dialog | true |
btnLabel | Label to the export button | Export to ZIP |
filenamePfx | ZIP filename prefix | grapesjs_template |
filename | Use a function to generate the filename, eg.filename: editor => 'my-file.zip', | null |
root | Use the root object to create the folder structure of your zip (async functions are supported), eg. ` |
{ css: { 'style.css': ed => ed.getCss(), 'some-file.txt': 'My custom content', }, img: async ed => { const images = await fetchImagesByStructue(ed.getComponents()); return images; // Where `images` is an object like this: // { 'img1.png': '...png content', 'img2.jpg': '...jpg content' } }, 'index.html': ed => `<body>${ed.getHtml()}</body>`}|{ ...check the source }` |
- CDN
https://unpkg.com/grapesjs-plugin-export
- NPM
npm i grapesjs-plugin-export
- GIT
git clone https://github.com/GrapesJS/export.git
Directly in the browser
<linkhref="https://unpkg.com/grapesjs/dist/css/grapes.min.css"rel="stylesheet"/><scriptsrc="https://unpkg.com/grapesjs"></script><scriptsrc="path/to/grapesjs-plugin-export.min.js"></script><divid="gjs"></div><scripttype="text/javascript">vareditor=grapesjs.init({container :'#gjs',// ...plugins:['grapesjs-plugin-export'],pluginsOpts:{'grapesjs-plugin-export':{/* options */}}});// You can also call the command wherever you want in this wayeditor.runCommand('gjs-export-zip');</script>
Modern javascript
importgrapesjsfrom'grapesjs';importthePluginfrom'grapesjs-plugin-export';consteditor=grapesjs.init({container :'#gjs',// ...plugins:[thePlugin],pluginsOpts:{[thePlugin]:{/* options */}}// orplugins:[editor=>thePlugin(editor,{/* options */}),],});
Clone the repository
$ git clone https://github.com/GrapesJS/export.git.git$cd grapesjs-plugin-exportInstall it
$ npm i
Start the dev server
$ npm start
BSD 3-Clause
About
Export GrapesJS templates in a zip archive
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.
Contributors4
Uh oh!
There was an error while loading.Please reload this page.