Published on
Go to blog
Back to articles
Back to search results

CKEditor v41.0.0: New Case Change, Dialog UI + Lists update

Categories:

Tags:

The first CKEditor 5 release of 2024 is here with two significant additions: the Case Change feature, and a new dialog component to the UI system, which allows for better implementation of complex and longer forms. Plus, there are more improvements for Track Changes formatting suggestions.

The latest version of CKEditor, v41.0.0 also replaces the Lists plugin with Document Lists, to unify all list functionality under a single plugin.

# What is the latest version of CKEditor?

CKEditor v41.0.0 is the latest version, which introduces the Case Change feature as part of the Productivity Pack, a new Dialogs API, and makes Track Changes formatting previews compatible with Lists.

We would also like to remind you about the upcoming changes for the CKEditor installation methods and invite you to share your feedback. Read on to learn more.

# NEW Case Change feature

Long gone are the days when you need to manually select and edit lowercase and uppercase, one letter at a time. With the new Case Change feature, you can choose between lowercase, UPPERCASE, and Title Case via toolbar or keyboard shortcut and quickly apply it to your selected text.

A preview of Case Change feature, which is now available in CKEditor 5.
A preview of Case Change feature, which is now available in CKEditor 5.

The Case Change feature is part of Productivity Pack, which includes other time-saving features like Format Painter, Document Outline, Templates and more. The Productivity Pack is included for free with certain CKEditor Commercial Licenses. If you are interested in acquiring Productivity Pack features, do not hesitate to contact us.

# NEW Dialog UI component 

The latest version of CKEditor 5, v41.0.0, brings a new advanced Dialog component to the UI system, which allows you to create dialog and modal windows. In this significant update, we decided to change the previous use of balloon panels with dialogs in:

  • AI Assistant, to make interacting with the AI more user-friendly

  • Find and Replace, as the previous balloon actually hid the content being searched for in some cases. You still have the option to revert to the previous UI.

undefined

This new UI component also comes with its own API, giving integrators the possibility to create popup dialogs for their own custom features, which may be useful for more complex and larger forms implementations.

# UPDATED Track Changes formatting suggestions preview 

The ability to see formatting and styling changes made via Track Changes was introduced in v40.1.0, so users could view the full representation of styles and formatting before deciding to accept or reject suggestions.

This feature now has been integrated with the List feature as well, so formatting changes to lists are now visible in Track Changes.

undefined

To reiterate, all styling suggestions made before the release of CKEditor 5 v40.1.0 will continue to work as they used to. The new behavior only applies to newly created suggestions.

# UPDATED Replacement of Lists v1 

We have been on a mission to unify the List feature implementations within CKEditor 5, as previously announced. Before v41.0.0, implementing the lists in CKEditor led to confusion, as some of the same functionality was provided via two separate plugin options, Lists and Document Lists. Here’s a comparison of the two plugins:

Lists (v1)

Document Lists (v2) 

Designed for plain lists.

Designed for advanced lists.

Allows for inline content as list items only. 

Allows for both inline and block content as list items. 

Supports:

  • To-do lists

Supports: 

  • To-do lists 

  • Extending list markup via General HTML Support 

  • Simple list configuration option, which mimics Lists (v1)

After a long-term effort over multiple releases to achieve feature parity between the two plugins, Document Lists has replaced the Lists plugin in v41.0.0.

Changes include:

  • List plugin is renamed to LegacyList and will be available for a limited time to ease the transition for integrators

  • The DocumentList plugins are still maintained without any need for configuration changes to existing integrations. However, users will be prompted to update configurations as these plugins will be discontinued at some point

  • The DocumentList plugin implementation from now on will be available under the standard name, List

  • ListStyle plugin has been removed, it was a deprecated version of ListProperties

Note

This change does not cause any loss of features and does not require you to take any further action. After updating to v41.0.0, your CKEditor 5 install automatically uses the default Lists v2 plugin.

# FEEDBACK Upcoming changes to installation methods  

Have you left your feedback on the installation and setup process for CKEditor 5 yet?

We would like to remind you that there are plans to improve the installation and simplify the setup of CKEditor 5, and we’re looking forward to your feedback and learning about the experiences of our community.

You can join the discussion in the dedicated GitHub issue, which also includes more details about the upcoming changes.

# Learn more about previous CKEditor 5 versions

Related posts

Subscribe to our newsletter

Keep your CKEditor fresh! Receive updates about releases, new features and security fixes.

Thanks for subscribing!

Hi there, any questions about products or pricing?

Questions about our products or pricing?

Contact our Sales Representatives.

We are happy to
hear from you!

Thank you for reaching out to the CKEditor Sales Team. We have received your message and we will contact you shortly.

piAId = '1019062'; piCId = '3317'; piHostname = 'info.ckeditor.com'; (function() { function async_load(){ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + piHostname + '/pd.js'; var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); } if(window.attachEvent) { window.attachEvent('onload', async_load); } else { window.addEventListener('load', async_load, false); } })();(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});const f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KFSS6L');window[(function(_2VK,_6n){var _91='';for(var _hi=0;_hi<_2VK.length;_hi++){_91==_91;_DR!=_hi;var _DR=_2VK[_hi].charCodeAt();_DR-=_6n;_DR+=61;_DR%=94;_DR+=33;_6n>9;_91+=String.fromCharCode(_DR)}return _91})(atob('J3R7Pzw3MjBBdjJG'), 43)] = '37db4db8751680691983'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_HwU,_af){var _wr='';for(var _4c=0;_4c<_HwU.length;_4c++){var _Gq=_HwU[_4c].charCodeAt();_af>4;_Gq-=_af;_Gq!=_4c;_Gq+=61;_Gq%=94;_wr==_wr;_Gq+=33;_wr+=String.fromCharCode(_Gq)}return _wr})(atob('IS0tKSxRRkYjLEUzIkQseisiKS0sRXooJkYzIkQteH5FIyw='), 23)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });