CKEditor 5 integrations
# Official WYSIWYG editor integrations
There are four official integrations so far:
- CKEditor 5 rich-text editor for Angular
- CKEditor 5 rich-text editor for React
- CKEditor 5 rich-text editor for Vue.js 2.x
- CKEditor 5 rich-text editor for Vue.js 3.x
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 about what we should work on next.
# How do I use CKEditor 5 if my framework does not have an official integration?
CKEditor 5 should be compatible with your framework, and initializing it usually requires a single method call. A tighter integration of CKEditor 5 with your framework may require using an existing or writing a new adapter (integration layer) to 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.
So far, there are four official integrations: for React, Angular, Vue.js 2.x, and Vue.js 3.x.
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.
# Compatibility with CSS frameworks
CKEditor 5 is compatible with popular CSS frameworks such as Bootstrap or Foundation. Such integrations, however, often require additional changes and adjustments that we have gathered in this guide.
Every day, we work hard to keep our documentation complete. Have you spotted outdated information? Is something missing? Please report it via our issue tracker.