Decoupled Editor

Implementation

The code below demonstrates how to integrate CKEditor 5 Decoupled editor in Rails. First, we load required assets using ckeditor5_assets helper with default preset. Then we create an editor instance using ckeditor5_editor helper with some initial content.

<% content_for :head do %>
  <%= ckeditor5_assets %>
<% end %>

<%= ckeditor5_editor type: :decoupled do %>
  <%= ckeditor5_menubar %>
  <%= ckeditor5_toolbar %>
  <%= ckeditor5_editable %>
<% end %>

Commonly Asked Questions

CKEditor5::Rails.configure do
  toolbar do
    remove :underline  # Remove items
    append :heading    # Add at end
    prepend :undo     # Add at start
  end
end

Additional Resources