What’s new in CKEditor 5?

    Inserting images into the content is now very intuitive, with all technical aspects (uploading, resizing) hidden from the user experience. No more complex dialogs!

    The outdated concept of image alignment was dropped in favor of image styles: CKEditor 5 supports several different image upload strategies. Check out the to find out the best option for your project. ### Simple linking No more complex dialogs for links. When you click a link, first you will see a balloon with an option to either edit the link or open it in a new tab. Simplified link balloon. ### Caret movement around links Typing text around links was never easier. Move the caret using your keyboard to switch between typing a link and a plain text. ### Autoformatting Start lists, headings and even bold text by typing, without the need to use toolbar buttons. See Autoformatting feature for more details.

    Enhanced classic editor

    For CKEditor 5 we reinvented the concept of the “boxed” editor.

    The toolbar is now always visible when the user scrolls the page down.

    The editor content is now placed inline in the page — it is thus much easier to style it. Additionally, the editor grows with the content (or not, it is up to you!).

    We feel that in previous editor versions we had way too many features and configurations. This was confusing developers and at the same time negatively impacting the end user experience.

    In CKEditor 5 misleading formatting tools were removed, dialogs were stripped out or simplified in favor of well-designed features that require no configuration.

    Lightweight

    The editor is much more lightweight and fast. It brings a fantastic user experience on both desktop and mobile devices.

    CKEditor 5 Builds are based on , which gives powerful customizability and extensibility.

    Custom data model

    Another important benefit of the custom data model is that it enables the possibility of real-time collaborative editing inside CKEditor by introducing the concepts of “operations” and “operational transformations”. With it is now extremely easy to provide collaboration features inside your application.

    Check the collaboration demo and read how to enable features such as comments, user presence list or showing the selection of other users in your editor.

    is an example of an application using the power of CKEditor 5 for collaboration.

    Letters uses CKEditor 5 to allow users collaborate.

    Modern