|
|
@@ -1,7 +1,7 @@
|
|
|
---
|
|
|
# Scope:
|
|
|
-# * Highlight new things, when compared to CKEditor 4.
|
|
|
-# * Emphasize cool new stuff we’re bringing, for those learning about CKEditor 5.
|
|
|
+# * Highlight new things when compared to CKEditor 4.
|
|
|
+# * Emphasize cool new stuff we are bringing, for those learning about CKEditor 5.
|
|
|
|
|
|
title: What's new?
|
|
|
category: builds-guides
|
|
|
@@ -10,33 +10,38 @@ order: 20
|
|
|
|
|
|
## Enhanced UX
|
|
|
|
|
|
+CKEditor 5 strives to provide a truly seamless, distraction-free editing experience to allow the users to focus on creating great content.
|
|
|
+
|
|
|
### Better images
|
|
|
|
|
|
-Inserting images inside the contents is now very intuitive, with all technical aspects (uploading, resizing) hidden from the user experience. No more complex dialogs.
|
|
|
+Inserting images into the content is now very intuitive, with all technical aspects (uploading, resizing) hidden from the user experience. No more complex dialogs.
|
|
|
|
|
|
-[ TODO Animated GIF of Pasting ]
|
|
|
+[ TODO Animated GIF of pasting ]
|
|
|
|
|
|
[ TODO Animated GIF of DnD ]
|
|
|
|
|
|
-The outdated concept of image “alignment” has been dropped, introducing image “styles” instead:
|
|
|
+The outdated concept of image "alignment" was dropped in favor of image "styles":
|
|
|
|
|
|
-[ TODO Animated GIF on styles ]
|
|
|
+[ TODO Animated GIF of styles ]
|
|
|
|
|
|
<!-- TODO 2 -->
|
|
|
|
|
|
### Simple linking
|
|
|
|
|
|
-No more complex dialogs for linking.
|
|
|
+No more complex dialogs for links.
|
|
|
|
|
|
[ TODO Screenshot of a link with the edit balloon on it ]
|
|
|
|
|
|
### Auto formatting
|
|
|
|
|
|
-Start lists, headings and even bold text by typing.
|
|
|
+Start lists, headings and even bold text by typing, without the need to
|
|
|
+use toolbar buttons.
|
|
|
|
|
|
[ TODO Animated GIF with auto formatting in action ]
|
|
|
|
|
|
-## Enhancement in the classic editor
|
|
|
+## Enhanced classic editor
|
|
|
+
|
|
|
+For CKEditor 5 we reinvented the concept of the "boxed" editor.
|
|
|
|
|
|
### New toolbar
|
|
|
|
|
|
@@ -44,23 +49,25 @@ The toolbar is now always visible when the user scrolls the page down.
|
|
|
|
|
|
[ TODO Animated GIF with scrolling and toolbar ]
|
|
|
|
|
|
-### Inlined contents
|
|
|
+### Inlined content
|
|
|
|
|
|
-The contents of the editor are now placed inline in the page. It’s much easier to style them. Additionally, the editor grows with the contents (or not, it’s up to you!).
|
|
|
+The editor content is now placed inline in the page — it is now much easier to style it. Additionally, the editor grows with the content (or not, it is up to you!).
|
|
|
|
|
|
[ TODO Animated GIF of the editor growing when typing ]
|
|
|
|
|
|
-## Less features == Better content
|
|
|
+## Less features == better content
|
|
|
|
|
|
We focused on creating a tool for writing quality content. At the same time, we simplified the integration of the editor into your system.
|
|
|
|
|
|
-We had way too many features and configurations, which were confusing developers and at the same time negatively impacting on the end user experience. Misleading formatting tools have been removed, dialogs stripped out or simplified and well designed features that require no configuration.
|
|
|
+We feel that in previous editor versions we had way too many features and configurations. This was confusing developers and at the same time negatively impacting the end-user experience.
|
|
|
+
|
|
|
+In CKEditor 5 misleading formatting tools were removed, dialogs were stripped out or simplified in favor of well designed features that require no configuration.
|
|
|
|
|
|
[ TODO Screenshot of the toolbar ]
|
|
|
|
|
|
## Lightweight
|
|
|
|
|
|
-The editor is much more lightweight and fast. It brings a great user experience on both desktop and mobile devices.
|
|
|
+The editor is much more lightweight and fast. It brings a fantastic user experience on both desktop and mobile devices.
|
|
|
|
|
|
## Highly customizable
|
|
|
|
|
|
@@ -68,14 +75,14 @@ CKEditor 5 Builds are based on the {@link TODO CKEditor 5 Framework}, which give
|
|
|
|
|
|
## Custom data model
|
|
|
|
|
|
-A much more efficient data model has been designed in CKEditor 5, making the development of features a much more creative experience and enhancing features like undo and redo.
|
|
|
+A much more efficient data model was designed for CKEditor 5. This makes the development of features a much more creative experience and improves features such as undo and redo.
|
|
|
|
|
|
## Collaborative editing
|
|
|
|
|
|
-Another important benefit of our custom data model is that it enables the possibility of real-time collaborative editing inside CKEditor, by introducing the concepts of “operations” and “operational transformations”. Read more about {@link TODO collaboration in the CKEditor 5 Framework documentation}.
|
|
|
+Another important benefit of the custom data model is that it enables the possibility of real-time collaborative editing inside CKEditor by introducing the concepts of "operations" and "operational transformations". Read more about {@link TODO collaboration in the CKEditor 5 Framework documentation}.
|
|
|
|
|
|
<!-- TODO 3 -->
|
|
|
|
|
|
## Modern
|
|
|
|
|
|
-CKEditor 5 has been totally rewritten in ES6, using the power of modules. It provides all the necessary tools to easily integrate it with modern applications and technologies, like Angular, React, Node.js, npm, etc.
|
|
|
+CKEditor 5 has been totally rewritten in ES6, using the power of modules. It provides all the necessary tools to easily integrate it with modern applications and technologies like Angular, React, Node.js, npm, etc.
|