CKEditor v40.0.0: AI Assistant brings content creation into the future

The key highlight of the latest CKEditor release, is the innovative new AI Assistant feature. This premium plugin allows you to generate, rephrase, summarize and improve content using powerful OpenAI and Azure OpenAI models without ever having to leave the editor. Using the power of AI, you can now go from idea to draft, in seconds, right within your favorite editor.

Alongside the new AI Assistant, there’s updates to the Document List feature, improvements on Comments Archive functionality, fresh new support for Image Height attributes, and noteworthy enhancements in Drag & Drop functionality.

# What is the latest version of CKEditor?

CKEditor v40.0.0 is the latest version that includes the AI Assistant plugin and Image Height attribute support. It also comes with a handful of improvements to Comments Archive, Drag & Drop, and includes many high impact bug fixes.
You can find the links to download, changelog, installation guides and more in the #QuickLinks section.

# NEW AI Assistant feature 🪄🤖

Generative AI is now part of CKEditor, with the release of the premium AI Assistant plugin in CKEditor v40.0.0.

The new AI Assistant feature improves content, takes you from an idea to draft in seconds, as well as translating text and doing conditional formatting – the possibilities for how users can enhance their content or automate content creation are limitless.

There are two main ways that the AI Assistant feature utilizes Generative AI in CKEditor:

  • With ready-to-use prompts – optimized for improvement on selected existing content.

  • Free form input – that works both with and without any selections on the existing content

Both generate content, ideas or answers based on your prompt.

This state-of-the-art feature is powered by an integration with OpenAI API (and with v40.1.0 Azure OpenAI), promising a configurable experience to suit your app’s specific needs. To check out how you can configure the CKEditor aspect in our documentation.

Note

Currently, AI Assistant is powered by the large language models (LLMs) provided through the OpenAI API, including GPT-3.5 and GPT-4. You will need to have your own API key to set up the plugin.

An example of how you can use custom prompts for maximum efficiency.
An example of how you can use custom prompts for maximum efficiency.

By combining AI with CKEditor’s collaboration-first rich text editor, your team can get more done, with higher quality outcomes. You can easily collaborate with colleagues on a document in real-time, and use the in-editor AI Assistant to craft the perfect draft.

We’re already working on how we can further improve the feature, and are keen to hear your feedback and gather insights on how you’re utilizing the AI Assistant.

# NEW Image Height support 

With CKEditor v40.0.0, Image Height attribute support has been introduced, ensuring backward compatibility with CKEditor 4.  We took this opportunity to improve further, and also  optimized the performance of the content generated with the editor. As a result, CKEditor will now automatically assign width and height attributes to all new images within the content, for an optimized user experience.

Note

This update could present a potentially breaking change for some use cases. We strongly recommend referring to our update guide to understand the impact and steps if any needed.

# NEW Block-level Drag & Drop 

Your requests have been heard! After several rounds of bug fixes and core enhancements, the much-anticipated block-level Drag & Drop feature has been implemented, stabilized and is available by default in CKEditor v40.0.0.

  • There’s a more intuitive drag and drop functionality for blocks and widgets, which makes content rearrangement and editing faster and easier, and offers users better control over their content.

  • Dragging by using the Balloon Block toolbar handle is also possible, and we’ve updated its default icon to better reflect this new drag and drop capability.

undefined

# UPDATE Document Lists 

From v40.0.0 and onwards, Document Lists supports To-do Lists, achieving feature parity between the Lists  and Document Lists plugins.

This comprehensive matching of functionalities was also ensured by introducing a simple list configuration option in Document Lists. The option allows only inline content and not blocks as items, therefore mimicking the Lists plugin.

Note

This update is part of a continuous effort to make Document Lists plugin the default choice – to  eventually replace the Lists plugin. For more details, you can check out the plan for changes to the Lists feature.

# UPDATE Contextual balloon fixes 

Latest version of CKEditor brings significant fixes to the way the contextual balloons work. They had the tendency to overflow on other elements, especially in the fixed height editors. We polished their internals, and problems should no longer be experienced.

# UPDATE Comments Archive 

The Comments Archive has undergone a revamp to improve the workflow and UI. Now comment threads removed from the editor content will be displayed in the comments archive with a gray header to differentiate them from resolved comments.

Note

This is a breaking change. More information can be found on the CKEditor 40.0.0 changelog.

# Learn more about previous CKEditor 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) });