« See all

CKEditor 4.14.1 with resizing and toolbar improvements released

We are happy to announce the release of CKEditor 4.14.1. This is a minor release that focuses on some issues related to the editor and table resizing as well as using the Emoji plugin in a CORS context. We also fixed some bugs for the bottom toolbar location. Last but not least, the Export to PDF feature is now available for CKEditor 4 and the Vue.js integration is now officially stable.

# Editor and table resize improvements

Adjusting the size of the editor and its content elements is crucial in many integrations. In this release, we fixed the editor.resize() method and aligned it with the existing documentation to accept absolute CSS units other than pixels. This gives you greater flexibility when setting the WYSIWYG editor width or height.

In addition to that, the Table Resize plugin now works correctly when the editor is maximized or placed in absolutely positioned elements. This allows it to integrate well with UI elements like Bootstrap or jQuery modals. We would like to thank Roland Petto for his contribution to fixing these issues!

# Bottom toolbar location fixes

CKEditor 4 is a flexible WYSIWYG editor that provides many customization options for its user interface. One of them is the ability to place the toolbar at the bottom of the editor. In this release, we fixed issues with toolbar bottom placement which prevented the notifications from showing up and caused the automatic media embedding to work incorrectly. This means that the Notification and Auto Embed plugins can now be used with bottom toolbar location with no issues.

CKEditor 4 WYSIWYG editor with bottom toolbar location and automatic media embedding.
CKEditor 4 WYSIWYG editor with bottom toolbar location and automatic media embedding.

# Printing editor content to PDF

We are also happy to announce the beta release of the new PDF export feature that allows you to generate a PDF file directly from the CKEditor 4 WYSIWYG editor content.

When enabled, this feature sends the content of your editor together with the styles that are used to display it to the CKEditor Cloud Services HTML to PDF converter service. The service then generates a PDF document that can be downloaded by the user. This allows you to easily print your content to the PDF format.

Converting CKEditor 4 WYSIWYG editor content to a PDF document.
Converting CKEditor 4 WYSIWYG editor content to a PDF document.

The crucial aspect of this feature is its configuration. In order to ensure that the generated PDF document looks as close as possible to the same content when it is displayed in the WYSIWYG editor, the feature must be carefully configured.

You can and learn how to install and set up this feature in the Exporting editor content to PDF feature guide. Refer to the sample to test printing to PDF in the live demo.

We are looking forward to your feedback, comments and suggestions for further improvements, so make sure you test exporting content to PDF and let us know what you think!

# CKEditor 4 Vue integration

We are also happy to report that the stable release of the official CKEditor 4 WYSIWYG editor Vue integration has recently been published. You can read more about it the documentation as well as try out some samples.

This integration complements similar CKEditor 4 WYSIWYG editor integrations for React and Angular. We are looking forward to hearing what other frameworks we should support with a native CKEditor 4 WYSIWYG editor integration.

CKEditor

# Other improvements

Here are some other important enhancements that were added in this release:

  • We fixed an Emoji plugin issue caused by serving CKEditor 4 from a different domain, which resulted in CORS preventing the emoji SVG icons to load correctly. Now the Emoji plugin can be used in a CORS context.
  • The config.readOnly configuration option will now be correctly setting the read-only mode on startup for inline editor.
  • We fixed issues with widget drag and drop.
  • We fixed keyboard navigation in the Autocomplete plugin.
  • We also updated the SCAYT and WebSpellChecker Dialog plugins to their latest versions.

# Release notes

Check out the release notes and contact us for more information.

# Download

Download CKEditor now and upgrade your installation or use your favorite package manager to install it!

# License

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

# Reporting issues and contributing

Please report any new issues in the CKEditor 4 development repository and follow the instructions in the issue template. You can also contribute code and provide editor patches through pull requests.

# Support

Community support is available through Stack Overflow. Visit the resources page for additional options.

Share this post

Linkedin Reddit
How to become a better programmer
5 well-respected knowledge management tools on the market