How do I use CKEditor 5 with my framework?
While CKEditor 5 is compatible with your framework and initializing it requires a single method call, integrating CKEditor 5 with your framework may require using an existing or writing a new adapter (integration layer) that will communicate your framework with CKEditor 5.
When checking how to integrate CKEditor 5 with your framework you can follow these steps:
- Check whether an official integration exists.
If not, search for community-driven integrations. Most of them are available on npm.
If none exists, integrate CKEditor 5 with your framework by yourself.
There are three official integrations so far:
- CKEditor 5 rich-text editor for Angular 2+
- CKEditor 5 rich-text editor for React
- CKEditor 5 rich-text editor for Vue.js Refer to their documentation to learn how to use them.
We plan to provide more integrations with time. We would like to hear your ideas what we should work on next.
Starting from version 11.0.0 CKEditor 5 is compatible with Electron. Using CKEditor 5 in Electron applications does not require any additional steps.
CKEditor 5 is compatible with Ionic framework and Cordova. However, Ionic disables
user-select by default, what blocks typing via the virtual keyboard. It’s required to set this property to
text on the CKEditor component. Just update your stylesheet with the following code: