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.
# 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.
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.
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.
# 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.
config.readOnlyconfiguration 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.