# GrapesJS Custom Code This plugin adds the possibility to embed custom code

GrapesJS 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

grapesjs-custom-code

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past