Examples

Check out these examples of different editor integrations. See the various editor types in action, witness the unharnessed power of a feature-rich preset, and find out amazing, custom-tailored implementations using the CKEditor 5 Framework.

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

# Editor types

CKEditor 5 offers several rich text editor types. They cover the most common editing use cases, and you can install them easily. See all of them in action: classic, inline, balloon, balloon block, document, and multi-root editors! Learn their differences by using our examples.

# Advanced presets

CKEditor 5 is a configurable framework created with collaboration in mind. It lets you build a custom editor of any type, with a wide set of features and the toolbar type that you need where multiple authors can easily work on the same rich text documents. Check out our feature-rich editor that sports as many plugins as possible to put together. Want to invite some friends? Try the collaborative document editor that brings the experience of the most popular online editing solutions to the table.

# Advanced configuration – CKEditor 5 Framework examples

CKEditor 5 Framework is a highly flexible and universal platform that provides a set of components allowing you to create any kind of rich text editor. It enables the integrators to build different, custom-tailored editing solutions with custom UI or a theme that suit their specific needs. It also provides tools for the creating and integrating of some user-made, custom features and for customizing existing ones. See how CKEditor 5 can integrate a React library to enrich both the contents and the editing experience. And witness the flexibility of the UI in the toolbar-oriented example.