CKEditor 5 features overview
The number of features available for CKEditor 5 is constantly growing. You can find the most recent list of the available ones on the left. CKEditor 5 is in active development now and new features are added all the time, while the existing ones are being expanded and improved. Newly added or meaningfully updated feature guides are marked with a NEW icon for easy spotting. Premium features, which require an additional license to work, are marked with a Premium feature icon.
# Using CKEditor 5 features
Most of the features are easily accessible from a highly configurable toolbar (in fact there are two of those) offering buttons and dropdowns you may arrange the way you need. This is aided by dedicated feature toolbars in many cases. Plenty of actions can also be executed with keyboard shortcuts. And the whole user interface comes with a multitude of translations and it supports RTL languages.
# CKEditor 5 WYSIWYG editor features and functions
CKEditor 5 features cover several functional areas of application and use. Listed below are some of the most useful ones.
Use theto navigate through a full selection of CKEditor 5 features.
The users API is used by functions such as track changes, that allow the users to follow any changes made to the edited document in real time. Accepting or rejecting those changes is done with a single click from a convenient side panel.
Where tracking changes is not enough, the comments come in, offering perfect collaboration communication platform for writing and editing as a team.
Additionally, CKEditor 5 offers the restricted editing mode where only selected part of the content may be edited by selected users, based on permissions system. And when there is a need for even more control, there is the read-only editor mode that lets the user access the content, but not edit it.
You can also easily track the progress and changes done in the content with the revision history feature. This modern and robust document versioning tool lets you create named versions, compare changes and restore previous document versions at ease, tracking all progress — also when multiple editors work together.
# Output and exports
If you need to share the document outside your team, use the export to PDF feature to produce industry standard, portable, cross-platform final files. If you need to work further on the document, choose the export to Word feature instead — and keep your comments and changes in the resulting document, ready to be edited further. These two are accompanied by the pagination feature, to ensure all produced documents will always look the way they should.
The CKEditor 5 WYSIWYG editor by default produces HTML output, that can be saved into a database. The default output can be also switched to Github-flavored Markdown formatted text addressing the needs of software professionals.
# Formatting features
Basic text styles include essentials like bold, italics, super- and subscript as well as inline code formatting and more. The font feature provides support for using different font families, controlling the font size as well as font and background colors.
Most of these formatting options can be applied from the toolbar or on the go, as you type, thanks to the autoformatting feature that employs Markdown syntax, and as easily removed with the remove format feature.
# Advanced content editing
Rich text would not be rich without images. You can upload them, caption them, style them, you can even paste them straight from the URL with the help of the image feature and create responsive design. If that is not enough, embed media into your content.
An essential feature for online content are links - these can be easily pasted, changed and attributed.
Provide clear and accessible data using tables (you can even nest them to create advanced layouts), ordered and unordered lists with various markers to choose from and to-do lists. Use indents and outdents as well as block quotes to structure the content and draw reader’s attention to it.
Enrich you content further by embedding HTML code - this one is especially useful for webmasters. If you need to present code instead of employing it - use the code block that let you produce code listing with a syntax highlight, too!
# Productivity features
Keep full control of your work. Be safe and never lose anything thanks to the autosave plugin. Configure the toolbar any way you like, use an additional block toolbar and choose the right editor build to suit your needs.
The words and characters counter will help you track progress and control the volume of the content.
Use Markdown syntax to format content on the go to speed the editing process, employ automatic text transformations (also known as autocorrect) and the spell checker to ensure everything is correct. Create multi-language documents and correct them on the go with automatic language detection and text part language feature.
# Customizable user experience
Work as you like it - choose user interface approach from several predefined builds, add or remove features easily to your build with the online builder or utilize the DLL builds. Then taylor the user interface to your needs with our customizable editor toolbar arranging features buttons, dropdowns and other items whatever way you need them.
# Cross-platform interoperability
# Backwards feature compatibility
If you want to migrate from CKEditor 4 to CKEditor 5, please check the migration guide for all the features that are already covered by the modern version.
# Feature availability
However, some of the presented features need to be manually included in a customized CKEditor 5 build, for example the Markdown processor which outputs Markdown instead of HTML. These plugins can also be easily and conveniently added to a custom build with the CKEditor 5 online builder.
You can refer to the full list of features available in each build for details.
We also offer the flexibility of the DLL builds, enabling the addition of new plugins into an existing build without the need to rebuild the installation.
# Feature examples
Each rich-text editor feature is presented on a separate page, with one or more working demos showcasing a feature along with some customization ideas that you can use in your implementation.
In most feature demos the number of features enabled is limited to make the currently highlighted piece of functionality stand out more, as shown in the screenshots above. However, in your CKEditor 5 WYSIWYG editor implementation you are free to choose and combine any features you like from those available. This can be easily and conveniently done in the CKEditor 5 online builder.
# Looking for more?
The examples mentioned above do not present all features included in CKEditor 5, nor does the list on the left panel. For example, some end-user features like undo and redo are quite self-explanatory and therefore only mentioned in the keyboard shortcuts guide.
CKEditor 5 is in active development now and new features are added all the time, while the existing ones are being expanded and improved. If you are missing anything in particular, feel free to suggest a new feature and share your feedback with us. If it has already been reported by someone else, upvote it 👍 to show your support.
# How about creating your own features?
Probably the most exciting features are the ones you can develop on top of CKEditor 5 Framework!
We are gradually enhancing the CKEditor 5 Framework documentation together with API documentation, hoping to give you a solid base for creating custom features.
The official add-ons repository for CKEditor 4 reached an impressive number of over 300 add-ons created and published by the community. Now it is time for you to add your contributions to the brand new CKEditor 5!