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 TypeScript with excellent webpack and Vite support. Find out the most convenient way to start using it!

Use the main menu button in the upper-left corner to navigate through the documentation.

Migrating from CKEditor 4? Check the migration section

Want to remove the “Powered by CKEditor” logo? Check the dedicated guide

# 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 build 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 use them and integrate CKEditor 5 with your software.

# Tutorial

To learn how to use, configure and extend CKEditor, see our step-by-step tutorial.

# 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 using webpack or Vite.

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, change the UI, or even bring your own UI to the editor.