CKEditor 5 Rails Examples

Integration Examples & Demos

Explore various integration examples of CKEditor 5 with Ruby on Rails.
These demos showcase different editor types, configurations, and features.

Basic Editors

Classic Editor

The default editor type with a traditional layout - toolbar at the top and content area below.

View Demo
Decoupled Editor

Document-like editing with separated toolbar and editable areas for maximum flexibility.

View Demo
Balloon Editor

Contextual editing with a floating toolbar that appears near selected text.

View Demo
Balloon Block Editor

Contextual editing with a floating toolbar that appears near selected blocks.

View Demo
Inline Editor

Turns any editable element on the page into a WYSIWYG editor instance.

View Demo
Multiroot Editor

Multiple independent editor instances that share the same UI and configuration.

View Demo

Advanced Features

Form Integration

Examples of integrating CKEditor with Rails forms and AJAX submissions.

Basic FormAJAX Form
Context & Multiroot

Advanced editor configurations for complex use cases.

Context DemoMultiroot Editor

Configuration & Localization

Editor Configuration

Examples of different toolbar configurations and loading strategies.

Grouped ToolbarLazy AssetsWProofreaderController Preset
Localization Options

Different approaches to implementing editor localization.

Via AssetsVia EditorVia PresetVia Rails I18n

Source Code

GitHub Repository

View the source code, documentation, and contribute to the CKEditor 5 Rails integration.

View on GitHub