We are happy to announce the release of CKEditor 4.13.1. In the last minor CKEditor 4 release in 2019 we focused on some issues related to pasting as well as on improving the accessibility of the WYSIWYG editor dialogs. Stay tuned for some more updates in 2020 — and read on for more!
# Pasting into the WYSIWYG editor improved
Pasting content from various sources is a key WYSIWYG editor functionality so flawless pasting support is treated very seriously at CKEditor. In this release, we fixed a few bugs where the content pasted from Microsoft Excel was not correctly recognized by the Paste from Word plugin or was pasted as an image in Firefox. Since a similar issue occurred with PowerPoint content, we have actually rewritten the entire mechanism of pasting images for Firefox and added a small helper function for getting data types from clipboard data,
Other issues fixed were related to problems with pasting individual list elements (thanks to Jack Wickham!), pasting inside the editor content with a table inside or pasting plain text over existing content in some scenarios in Firefox.
# Dialog and accessibility improvements
CKEditor 4 has best-in-class accessibility and we are on a constant watch for any accessibility issues that can appear. In this release, we fixed incorrect focus order in dialogs that could occur after any of the dialog tabs were clicked. Similarly, it was impossible to change dialog tabs with the keyboard arrow keys after any tab was previously focused with a mouse click. In addition to that, we fixed a bug where the Special Characters dialog was read incorrectly by screen readers due to empty table cells at the end.
Other fixes from this release include issues with the positioning of a dialog when opened from another dialog (like the Color Dialog) and the balloon toolbar not being repositioned when the
div-based editor is scrolled.
# Spreadsheet plugin updated
CKEditor 4 Spreadsheets is a dedicated plugin that offers Excel-like functionality right inside the WYSIWYG editor. It allows you to create intelligent, data-driven documents directly in CKEditor 4 and was officially released at the end of October 2019.
Following your requests, we have recently updated the plugin to introduce the ability to rename column and row headers. We are looking forward to more feedback regarding the spreadsheet functionality in CKEditor 4!
# CKEditor 4 Angular integration
We are also happy to report that the stable release of the official CKEditor 4 WYSIWYG editor Angular integration has recently been published. You can read more about it the documentation as well as try out some samples.
This integration complements a similar CKEditor 4 WYSIWYG editor React integration. The next one on our radar? Vue.js, of course!
# Integrating CKEditor 4 with webpack
Would you like to learn how to integrate CKEditor 4 WYSIWYG editor with your project using webpack? We have prepared a step-by-step guide to help you with that as well as a dedicated
ckeditor4-webpack-template GitHub template repository with a more complex integration, featuring transpiling the code with Babel and minimizing with Terser.