index.md

category	order	meta-title	menu-title	meta-description
examples	10	CKEditor 5 online examples | CKEditor 5 Documentation	Overview	Navigate through CKEditor 5 examples to see what you can create using this rich text editing framework.

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: {@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.

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 {@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.

Advanced configuration – CKEditor 5 Framework examples

{@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}.