GrapesJS Custom Code

This plugin adds the possibility to embed custom code

> Requires GrapesJS v0.14.25 or higher

Summary

* Plugin name: grapesjs-custom-code
* Components
* custom-code
* Blocks
* custom-code
* Commands
* custom-code:open-modal

Options

|Option|Description|Default|
|-|-|-
| blockCustomCode | Object to extend the default custom code block, eg. { label: 'Custom Code', category: 'Extra', ... }. Pass a falsy value to avoid adding the block | {} |
| propsCustomCode | Object to extend the default custom code properties, eg. { name: 'Custom Code', components: 'Initial content' ... } | {} |
| toolbarBtnCustomCode | Object to extend the default component's toolbar button for the code, eg. { label: '', attributes: { title: 'Open custom code' } }. Pass a falsy value to avoid adding the button | {} |
| placeholderScript | Content to show when the custom code contains



`

`jsx
import GrapesJS from 'grapesjs';
import customCodePlugin from 'grapesjs-custom-code';

...

GrapesJS.init({
container : '#gjs',
...
plugins: [
customCodePlugin
],
pluginsOpts: {
[customCodePlugin]: {
// options
}
}
});
`

Development

Clone the repository

`sh
$ git clone https://github.com/GrapesJS/components-custom-code.git
$ cd grapesjs-custom-code
`

Install dependencies

`sh
$ npm i
`

Start the dev server

`sh
$ npm start
``

License

BSD 3-Clause