CKEditor 5 provides every type of WYSIWYG editing solution imaginable. From editors similar to Google Docs and Medium, to Slack or Twitter like applications, all is possible within a single editing framework. It is an ultra-modern JavaScript rich text editor with MVC architecture, custom data model and virtual DOM, written from scratch in ES6 with excellent webpack support. Find out the most convenient way to start using it!
Use the navigation tree on the leftmain menu button in the upper-left corner to navigate through the documentation. Newly added or meaningfully updated guides are marked with a NEW icon for easy spotting.
Not sure which installation method is best for you?
Installation method quiz
The solution you need is not clear. Please browse the documentation to look for further answers.
Based on your answers, you should check out the building CKEditor 5 from source. You can also browse other installation methods listed below.
Installation method quiz
Based on your answers, you should check out the online builder. You can also browse other installation methods listed below.
Installation method quiz
Based on your answers, you should check out the predefined builds. You can also browse other installation methods listed below.
Installation method quiz
Based on your answers, you should check out the CDN installation. You can also browse other installation methods listed below.
Installation method quiz
Do you want to migrate from your existing CKEditor 4 installation?
Installation method quiz
Do you want to design and maintain your installation without the need to recompile each time on update?
CKEditor 5 DLL build allows adding plugins to an editor build without having to rebuild the build itself.
Installation method quiz
Do you want to integrate CKEditor into an existing React, Vue.js or Angular project?
CKEditor 5 comes with ready-to-use adapters for popular frontend frameworks. You can use them to quickly bootstrap your project.
Installation method quiz
Do you want to configure your own custom-tailored installation?
Building CKEditor 5 from source allows you to fully control the building process and every aspect of the final editor.
Installation method quiz
Do you need a ready-to-use, custom solution?
CKEditor 5 online builder allows users to create a downloadable working copy with custom set of features. This is the easiest way to prepare a custom editor
Installation method quiz
Do you need a working, out-of-the box solution?
CKEditor 5 comes with ready-to-use predefined builds that offer working solutions for different use cases. This is a quick way to start.
Installation method quiz
Do you need an immediate pre-made solution?
CKEditor 5 can be instantly run from CDN providing working editor in seconds. This is the fastest way to start.
If you are an existing CKEditor 4 user who wants to migrate to CKEditor 5, please refer to the CKEditor 4 migration guide for tips about such installation. The “Getting started” section is an introduction to CKEditor 5 and is mostly aimed at new users who want to install and configure their WYSIWYG editor. You may want to get familiar with these guides before the migration.
Predefined CKEditor 5 builds are ready-to-use distributions aimed at specific needs that you can simply download and use out of the box. Learn more about the available predefined builds and choose the right one for you. This is the fastest way to kick-off your CKEditor 5 installation.
Updating CKEditor 5 – Find out how to keep you installation up-to-date at all times.
Features – Learn more about the CKEditor 5 features.
Examples – Try live demos of available predefined builds and custom solutions.
CKEditor 5 Framework – Learn how to work with CKEditor 5 Framework, customize it, create your own plugins or custom editors, how to change the UI or even bring your own UI to the editor.
Getting started with CKEditor 5