# GrapesJS TOAST UI Image Editor Add the [TOAST UI Image Editor](https://ui.toast.com/tui-image-editor/) on Image Components in GrapesJS [Demo](http://grapesjs.com/demo.html) ![Preview](https://user-images.githubusercontent.com/11614725/52981724-c195f800-33e1-11e9-98a9-f071a2721761.png) ## Summary * Plugin name: `grapesjs-tui-image-editor` * Commands * `tui-image-editor` - Open the modal with the image editor. Options: * `target` - component from which to get and update the image ## Options |Option|Description|Default| |-|-|- |`config`|TOAST UI's configuration [object](http://nhnent.github.io/tui.image-editor/latest/ImageEditor.html)|`{}`| |`constructor`|Pass the editor constructor. By default, the `tui.ImageEditor` will be called|``| |`labelImageEditor`|Label for the image editor (used in the modal)|`Image Editor`| |`labelApply`|Label used on the apply button|`Apply`| |`height`|Default editor height|`650px`| |`width`|Default editor width|`100%`| |`commandId`|Id to use to create the image editor command|`tui-image-editor`| |`toolbarIcon`|Icon used in the image component toolbar. Pass an empty string to avoid adding the icon.|`

``` Modern javascript ```js import grapesjs from 'grapesjs'; import plugin from 'grapesjs-tui-image-editor'; const editor = grapesjs.init({ container : '#gjs', // ... plugins: [plugin], pluginsOpts: { [plugin]: { /* options */ } } // or plugins: [ editor => plugin(editor, { /* options */ }), ], }); ``` ## Development Clone the repository ```sh $ git clone https://github.com/GrapesJS/tui-image-editor.git $ cd grapesjs-tui-image-editor ``` Install dependencies ```sh $ npm i ``` Start the dev server ```sh $ npm start ``` ## License BSD 3-Clause

	Stars	Issues	Version	Updated	Created
@builder.io/sdk			2.2.2	3 months ago	6 years ago
grapesjs-react	192	6	4.0.2	4 months ago	6 years ago
grapesjs-tui-image-editor			1.0.2	a year ago	5 years ago
react-email-editor	4,400	198	1.7.10	8 days ago	7 years ago

@builder.io/sdk vs grapesjs-react vs grapesjs-tui-image-editor vs react-email-editor

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past