Contribute to this guide

guideInstalling 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?

# Installing CKEditor 5

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

# Predefined CKEditor 5 builds

Predefined CKEditor 5 builds are ready-to-use installations aimed at specific needs that you can simply download and use out of the box. Learn more about the available predefined builds and choosing the right one for you. This is the fastest way to kick-off you CKEditor 5 installation.

# 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 you software.

# Migrating from CKEditor 4

Refer to the CKEditor 4 migration guide if you are updating your CKEditor 5 installation.

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