Webinar: Designing AI prompts for content creation

Balancing user needs with UX - July 9

Sign up

CKEditor v42.0.0 Release Highlights: new installation methods and builder unveiled

The CKEditor team is excited to announce the release of CKEditor 5 version 42.0.0. This version brings significant improvements to the onboarding experience and installation methods, designed to simplify and enhance the integration process for developers. The update includes new installation methods, an upgraded online builder, and comprehensive documentation updates.

What is the latest version of CKEditor?

The latest version of CKEditor 5 is v42.0.0, which introduces significant improvements to the onboarding experience and installation methods. This update aims to simplify the integration process and enhance the overall user experience.

NEW Installation Methods

The previous installation methods for CKEditor 5 were complex and often tied users to specific bundlers like webpack, which limited flexibility and created integration challenges.

Back in 2017, when CKEditor 5 was initially launched, webpack was a favored bundler of choice for many and our decision had solid reasoning, but as trends and the JavaScript ecosystem evolved, so did the favored choices.

The ecosystem around CKEditor 5 is complex, and so is the editor itself, with its multiple plugins and extensible APIs. Continuous feedback from the community and customers indicated a need for simpler, yet more versatile methods. Considering this, we decided to focus on standards and allow users to install CKEditor 5 as they install any other library:

CLI with commands to install CKEditor 5 and premium plugins from npm.

The new methods allow for easy installation and integration without bundler or framework-specific dependencies. This change simplifies the setup process and reduces potential integration errors, improving the overall user experience. The new installation methods include:

  • npm setup, works with any bundler of choice, and is bundler-agnostic.
  • CDN (browser) setup, better than before, now works with all available features and is extensible without the need for any 3rd party tools.

There are new detailed migration guides and comprehensive updates to the documentation to align with and migrate to the new installation methods.

Legacy installation methods will continue to work to ensure a smooth transition. Support for predefined and custom builds will be maintained until the end of Q1 2025 while DLL methods will be supported until the end of 2025. Detailed information about depreciation timelines can be found in the documentation.

As the new installation methods are a substantial update covering a plethora of use cases, your input is immensely valuable, so do not hesitate to share your experiences, ask questions, and provide feedback to help us refine these changes.

Join us in this exciting new chapter for CKEditor 5 and let’s make the developer experience as smooth and enjoyable as possible.

NEW Builder

To accompany the new installation methods, we are also introducing a new builder. We wanted to create a smoother experience for creating the desired editor with the possibility to set it up in multiple environments.

Now the new builder provides a centralized, interactive interface where users can select features, configure toolbars, and preview the customization changes in real-time. So you can build your editor and get your code snippets in four easy steps.

Screenshot of the new CKEditor 5 builder.

The builder provides Vanilla, React, Angular, Vue setups with CDN and npm distributions. This streamlined process enhances user engagement and speeds up editor setup, making it more accessible and efficient for both new and experienced users.

Further enhancements for Builder are already being planned for the future, such as downloading sample projects, more setups in StackBlitz, as well as live previews of multiuser collaboration.

UPDATED Export to Word

We are excited to announce a major update to the Premium Export to Word feature, delivering significantly improved quality and a substantial reduction in conversion time.

For now, Export to Word v2 is an optional feature which requires slight changes to the editor’s configuration. Specific information can be found in the documentation.

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