« See all

CKEditor 5 v30.0.0 with better handling of automated actions and plugin development tool

CKEditor 5 v30.0.0 with better handling of automated actions and plugin development tool

Harness the unruly power of automated text transformations, perform faster searches, and work flawlessly with no bugs disrupting your content creation process. And once the writing and editing are done, delve deep into the amazing world of creating your own, custom CKEditor 5 features with the newly released beta of the package generator!

# New rich text editor features

A project as big as CKEditor 5 is always in search of better solutions. The v30.0.0 release brings in some breaking changes in the engine, widget, and HTML support area ensuring smoother, more optimal operation of the whole framework.

A new solution has been added to multiple features automating certain operations, like embedding or formatting. From v30.0.0 pressing Backspace will act like undo on automated operations.

We keep on searching for more efficient solutions and replacing the old ones with new, therefore the find and replace feature got a boost and now searches faster. What a blast!

We have also released a beta version of the new plugin development environment, providing the basic package allowing for the creation of custom plugins for CKEditor 5.

There were also several bug fixes that improve some minor inconveniences, like dates turning into fractions due to greedy autocorrect mechanism or problems with toolbars.

We are looking forward to your feedback on these changes. The users’ comments, recommendations, and bug reports allow us to choose the proper direction for future development and tend better to our users’ needs.

Find out more about the introduced changes and new rich text editor features and make sure to check out the demos and documentation that accompany them.

# The Backspace galore

The automatic execution of many features is a great productivity tool. Converting pasted URLs into live links, automatically changing fractions like 1/2 into their proper counterparts ½, embedding YouTube videos from a pasted link or applying formatting with a Markdown shortcode is a great way to speed up content creation. Sometimes, however, a link needs to be just a text link and there are times when you simply need to show the Markdown code in the document you edit instead of applying it.

There is, of course, the ever-helpful undo function induced via keyboard with the Ctrl + Z (or Cmd + Z for Mac users). Still, using the keystroke combination somewhat disrupts the typing flow and may slow down the writing process. We have, therefore, introduced the industry-standard solution present in many other applications and systems that most users would be familiar with.

Starting from v30.0.0, if you need to revert some automatic operation performed by the CKEditor 5 features, it is sufficient to press the Backspace key and the last change will be undone. This new addition can be found in features like automatic text transformations, the autolinking mechanism of the link feature, automatic media embedding executed when a media URL is pasted, auto image insert from URL and the autoformatting achieved with the Markdown formatting markers.

If you would like to keep the source, link or code rather than the rich content it gets converted to, a single keystroke will do the job from now on!

Observe how the automatic functions apply the formatting and embedding the media, while a Backspace keystroke reverts these changes in CKEditor 5 WYSIWYG editor.
Observe how the automatic functions apply the formatting and embedding the media, while a Backspace keystroke reverts these changes in CKEditor 5 WYSIWYG editor.

Find and replace is a feature you may find mentioned in many of the recent releases of CKEditor 5. This is all the same for this release. We have decided to replace a part of the current code and change the approach used in the feature to optimize the speed of execution.

Thanks to this new change, the search works noticeably faster, allowing you to find what you need in the document quicker. This may seem like a minor improvement, but all those editors struggling with rewriting and locating bits and pieces of information in larger content will surely welcome the efficiency boost the change will give them.

The find and replace dropdown in the CKEditor 5 window.
The find and replace dropdown in the CKEditor 5 window.

You can read more about the find and replace feature and try out the demo in the find and replace feature guide.

# Plugin development environment

Addressing the needs of developers, who want to work on custom plugins for CKEditor 5, we have just released a beta version of the dedicated development tool: ‘ckeditor5-package-generator’. It creates a working package with a ready to use development environment. This allows writing new plugins for CKEditor 5 faster and easier and is great from the authoring point of view, allowing the developer to deliver a proper, production-ready plugin package abiding to CKEditor 5 standards.

If you find any issue concerning the tool or want to suggest some improvement, please report it in the dedicated GitHub repository.

# Bug fixes

Hunting down annoying bugs is far less enchanting than writing new cool features, but from the user perspective, it may be far more important for the eventual operation and experience. We never cease to try and improve CKEditor 5 and keep on delivering fresh bug fixes every release.

# Cell properties when pasting from Word

Cross-platform compatibility is one of the most difficult and complicated tasks to achieve. A feature as complicated and bulky as the tables are is sure to cause some problems from time to time, especially considering Word is present on the market for literally decades and the way it handles its contents has undergone several major redesigns.

We have tracked down and successfully eliminated a bug concerning the cell border color being mixed with the text value. It now behaves as it should no matter the input.

# Toolbar viewport offset

As stated right a moment back, tables can become unruly. This time, the table toolbar itself would rebel and scroll out of the editor window in certain cases when the table was longer than the editor viewport. It caused some inconvenience and made the access to table properties not as comfortable as we would like it to be.

The new way to calculate the position of editor UI elements introduced in v30.0.0 has ruled out the problem for good.

Even if somewhat wild, the table toolbar in its natural habitat now respects the rules of precedence and will no longer try to leave the editing area.
Even if somewhat wild, the table toolbar in its natural habitat now respects the rules of precedence and will no longer try to leave the editing area.

# Automatic transformations yet again

The undo handling for automatic text transformations is not the only change that was introduced into this feature.

At certain configuration — maybe saying “at certain times" would fit better — the dates typed into the editor would get converted into fractions. However, nobody likes their first of February to suddenly become a ½ and hence this bug has been squashed and is no longer present in the current release.

There is some tension seeing CKEditor 5 may still be somewhat tempted to turn February 1st into a fraction. It does not, however, do it anymore.
There is some tension seeing CKEditor 5 may still be somewhat tempted to turn February 1st into a fraction. It does not, however, do it anymore.

# Focus on the find and replace function

The find and replace is still on our minds. Alongside the performance, we have also focused on the toolbar behavior. Before, when the user used the keyboard to interact with the CKEditor 5 UI toolbar and invoked the find and replace dropdown, it would not regain focus once the dropdown was escaped. It was a minor inconvenience and a rare occurrence, but the need to mouse-click the toolbar to regain focus was disrupting the flow. We decided to remove this bug and so we did.

Please refer to the changelog for more details on new features, improvements, and bug fixes.

# Breaking changes

This release introduces some breaking changes, both major and minor. The major breaking change touches the config.toolbar.viewportTopOffset property, which got moved. Minor breaking changes concern the engine, html-support, and widget areas. Make sure you check the changelog for more details and visit the Migration to 30.0.0 guide for any necessary information and updating your CKEditor 5 installation.

# What’s next?

We keep on constantly improving and adding new features to our software. Right now we continue our work on:

Some bug fixes and improvements are on the line, too, so follow the iteration 48 roadmap for more news and features we have already started working on.

# Download

CKEditor 5 builds can be downloaded from the CDN, npm or as zip packages. Read more in the Installation guide.

# License

CKEditor 5 is available under Open Source and Commercial licenses. Full details can be found on our license page.

# Reporting issues and contributing

You can report all issues for any of the CKEditor 5 packages in the CKEditor 5 repository. Read more in the Reporting issues guide.

# Support

The CKEditor 5 documentation is growing and always up to date. Community support is available through Stack Overflow. Read more in the Getting support guide.

Share this post

Linkedin Reddit
CKEditor 5 - comparing Revision History with Track Changes
Feature of the Month - Media embed in CKEditor 5