The official CKEditor 4 WYSIWYG editor component for Vue.js.
We are looking forward to your feedback! You can report any issues, ideas or feature requests on the integration issues page.
Installation and usage
To install the CKEditor 4 component for Vue.js from npm, simply run:
npm install ckeditor4-vue
Then use it by calling the
;;Vue;// ... options
And use the
<ckeditor /> component in your template:
Instead of using ES6 imports, the component can also be added via a direct script include:
and used in the same way as with ES6 imports:
Refer to the official CKEditor 4 Vue component documentation for more information about the installation process.
Documentation and examples
The CKEditor 4 Vue component works with all the supported browsers except for Internet Explorer.
To enable Internet Explorer 11 support, instead of the standard import you need to import a specific
dist/legacy.js file containing all required polyfills:
Note: Even though CKEditor 4 supports older Internet Explorer versions including IE8, IE9 and IE10, the Vue integration is only supported in the latest Internet Explorer 11.
After cloning this repository, install necessary dependencies:
npm run test
If you are going to change the source files (ones located in the
src/ directory), remember about rebuilding the package. You can use
npm run develop in order to do it automatically.
Building the package
Build a minified version of the package that is ready to be published:
npm run build
Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
Licensed under the terms of any of the following licenses at your choice:
- GNU General Public License Version 2 or later,
- GNU Lesser General Public License Version 2.1 or later,
- Mozilla Public License Version 1.1 or later (the "MPL").
For full details about the license, please check the