CKEditor 5 : was ist neu oder besser als CKEditor 4?

Verbesserte Benutzererfahrung (Enhanced UX)

Es gibt viele Verbesserungen wie HTML-Syntax und grundlegende UI- und UX-bezogene Aspekte (Symbole, Tastenkombinationen, Verhalten). Hier sind einige Optimierungen:

• Super einfaches, intuitives Einfügen von Bildern mit automatischem Hochladen, Größenanpassung und Erstellung verschiedener Bildgrößen für responsives Design.
• Einfaches Verlinken ohne komplexe Dialoge.
• Autoformatierung ermöglicht das Erstellen von Listen, Überschriften und das Anwenden einiger Inline-Stile wie Fettschrift, indem man einfach tippt.
• Neue Symbolleiste im klassischen Editor, die beim Scrollen immer sichtbar ist.
• Einfaches Stylen mit den im Editor enthaltenen Inhalten, die inline auf der Seite platziert werden.

Da es sich jedoch um einen völlig neuen Editor handelt, werden im Laufe der Zeit weitere Funktionen für CKEditor 5 entwickelt und für Endbenutzer verfügbar sein. 

Hochgradig anpassbar und erweiterbar

CKEditor 5 bietet leistungsstarke Anpassungs- und Erweiterungsmöglichkeiten. Der Kern ist für Erweiterungen und Wiederverwendung offen.

Ein neues Datenmodell und eine Model-View-Controller-Architektur (MVC) wurden eingeführt, um die Kommunikation zwischen Modell und View extrem anpassbar zu gestalten, wobei volle Kontrolle über die am Modell vorgenommenen Änderungen gewährleistet ist. MVC ermöglicht Ergebnisse, die zuvor sehr schwierig  waren.

CKEditor 5 ist als mehrere npm-Pakete implementiert, wobei jedes Paket sein eigenes Repository hat. Dies ermöglicht es, sich auf jede Funktion separat zu konzentrieren und anderen das Mitwirken zu erleichtern.

Neues Datenmodell

In CKEditor 5 wurde ein wesentlich effizienteres Datenmodell entwickelt, um die Entwicklung von Funktionen zu einem kreativeren Erlebnis zu machen. Das neue Datenmodell ist Teil der MVC-Architektur. Es wird mit reinem JavaScript gesteuert. Mit den von CKEditor Collaboration Server bereitgestellten Kollaborationsdiensten ist es nun äußerst einfach, Echtzeit-Kollaborationsfunktionen in jede Anwendung zu integrieren.

Modern

CKEditor 5 wurde vollständig in ES6 neu geschrieben und ist mit Modulen erweiterbar. Es stellt alle erforderlichen Tools bereit, um es problemlos in moderne Anwendungen und Technologien wie Angular, React, Node.js, npm usw. zu integrieren.

Was die Qualität des Codes betrifft, so hat er eine 100%ige Codeabdeckung, was Qualitätssicherung auf jeder Ebene der Architektur gewährleistet.