Contribute to this guide

guideGetting started with CKEditor 5

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?

# Migrating from CKEditor 4

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 an 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, too.

# Start using CKEditor 5 instantly with CDN

Start using CKEditor 5 instantly thanks to the power of our CDN. Check out the Quick start guide.

# Installing predefined CKEditor 5 builds

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.

# Customizing the CKEditor 5 installation

Learn how to install a custom CKEditor 5 easily with the use of online builder or build the editor from scratch, and learn to configure it.

# Integration with frameworks

Get to know the supported integrations with popular JavaScript frameworks such as React, Angular or Vue, and learn to utilize them and to integrate CKEditor 5 with your software.

# Advanced installation concepts

Find out more about the plugin development, how to handle and save the data and what the features’ HTML output is for each plugin. Learn about alternative setups such as DLL builds or integrating CKEditor 5 from source.

Related links

  • 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.