Drupal 10: What's New

CKEditor 5 offers a convenient balloon panel feature for inserting links, a standout aspect of its functionality. Next to the link input field within this panel, users find a green checkmark for confirmation and a red cross mark for cancelation.

To manage added links, simply clicking on them prompts the balloon panel to appear, presenting options to edit, remove, or open the link in a new tab without the need for a dedicated "Unlink" button. One does not need to fill out the title (that only provides a tool tip when one hovers over the link). With CKEditor 5's updated link panel, users benefit from an enhanced view of the text area. 

A note about block options first. Using the Beyond Basic Block to place images gives editors far more possibilities than using the image/video block. With that said, once an image is added into a Beyond Basic Block from the Media Library, upon clicking the image users encounter a straightforward balloon panel, like the one utilized for managing links. This panel is designed not to obstruct the content view. There is now an option to easily insert a paragraph above the image using the left return icon (an arrow pointing down and around a 90 degree angle to the left). Additionally, it is now much more intuitive to include a caption, add a link to the image, mark the image as decorative and either align or adjust an image in-place. Additionally, CKEditor 5 automatically adds padding around the image. 

The option to activate the "Decorative image" toggle switch, eliminates the necessity to go into the source code to manually remove unnecessary alt text. Users also retain the ability to modify the alt text by overriding the media image alt text, versus having to go into the Media Library and modify it there as we do for CKEditor 4.  

Tables styling has gone through an entire overhaul with the contents of the editor placed inline in the page, resulting in a table creation workflow like Google Docs. Content is much more clearly visible when editing a table in CKEditor. Upgrades include a contextual toolbar that lets you add or remove columns and rows as well as merge or split cells. One can toggle the caption on or off and change the properties of the entire table, or just individual cells. You can also easily add text before or after any table using the return key icon.  

Math and language departments rejoice! Special characters which are not found on the keyboard can now be easily added to any text blocks with a simple click. CKEditor 5 provides special characters from a dropdown menu that offers a much wider choice of symbols. And the available characters can be filtered by categories.

Auto Formatting

Additionally, there is now auto formatting enabling to start lists, headings and apply some inline styles. For example, lists can be started at any number. 

Paragraph Styles

The visual text styles that can be added are now visible in the text editor. As a reminder, these styles are only visual and do not announce to screen readers or other assistive devices. The choices remain the same as before, offering Tagline, Italics, Uppercase and Lowercase.