This plugin replaces the default Rich Text Editor with the CKEditor
grapesjs-plugin-ckeditor
options
CKEditor's configuration object, eg. { language: 'en', toolbar: [...], ...}
{}
position
Position side of the toolbar, options: left, center, right
left
ckeditor
Pass CKEDITOR constructor or the CDN string from which the CKEDITOR will be loaded. https://cdn.ckeditor.com/4.21.0/standard-all/ckeditor.js
customRte
Extend the default customRTE interface. {}
onToolbar
Customize CKEditor toolbar element once created, eg. onToolbar: (el) => { el.style.minWidth = '350px' }
``
https://unpkg.com/grapesjs-plugin-ckeditor
npm i grapesjs-plugin-ckeditor
git clone https://github.com/GrapesJS/ckeditor.git
<link href="path/to/grapes.min.css" rel="stylesheet"/> <script src="path/to/grapes.min.js"></script> <script src="path/to/grapesjs-plugin-ckeditor.min.js"></script> <div id="gjs"></div> <script type="text/javascript"> var editor = grapesjs.init({ container : '#gjs', plugins: ['grapesjs-plugin-ckeditor'], pluginsOpts: { 'grapesjs-plugin-ckeditor': {/* ...options */} } }); </script>
Clone the repository
$ git clone https://github.com/GrapesJS/ckeditor.git $ cd ckeditor
Install dependencies
Start the dev server
BSD 3-Clause
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4