| category | examples |
|---|---|
| order | 10 |
| meta-title | CKEditor 5 online examples | CKEditor 5 Documentation |
| menu-title | Overview |
| meta-description | Navigate through CKEditor 5 examples to see what you can create using this rich text editing framework. |
These examples show CKEditor 5 in action. See the various {@link getting-started/setup/editor-types editor types}, witness the unharnessed power of a feature-rich preset, and explore amazing, custom-tailored implementations built with the CKEditor 5 Framework.
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: {@link examples/builds/classic-editor classic}, {@link examples/builds/inline-editor inline}, {@link examples/builds/balloon-editor balloon}, {@link examples/builds/balloon-block-editor balloon block}, {@link examples/builds/document-editor document}, and {@link examples/builds/multi-root-editor multi-root} editors! Learn their differences by using our examples.
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 {@link examples/builds/full-featured-editor feature-rich editor} that sports as many plugins as possible to put together. Want to invite some friends? Try the {@link examples/builds/collaborative-document-editor collaborative document editor} that brings the experience of the most popular online editing solutions to the table.
{@link framework/index 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 {@link examples/custom-ui custom UI} or {@link examples/theme-customization a theme} that suit their specific needs. It also provides tools for customizing {@link examples/chat-with-mentions existing ones}. And witness the flexibility of the UI in the {@link examples/custom/bottom-toolbar-editor toolbar-oriented example}.