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.

 

CKEditor

Neuen Kommentar schreiben

Hilfe zum Textformat
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

Suche

Neueste Kommentare

  • Für Apache 2.4 + Plesk

    1 week ago
    Bypass htaccess-htpasswd if IP = valid

    Für Apache 2.4 + Plesk 18:

    Config File: var/www/vhosts/system/test.example.com/conf/httpd.conf

  • RAM ist 32 MB. Wie kann ich…

    1 day 3 hours ago
    Install APCu (PHP 8.1, Plesk)

    RAM ist 32 MB. Wie kann ich es erhöhen?

  • Short Code w. Radio Buttons, Checkbox, Textarea, Email, Phone

    2 months 3 weeks ago
    Formulare: alle Text Felder mit Test / Demo Daten füllen (mit JQuery)
    $("input[type='radio']").each(function () {

  • Wildcard

    6 months ago
    How to Renew Let’s Encrypt SSL Certificate on Plesk via Ubuntu Shell

    Let’s Encrypt will only accept a wildcard via DNS challenge. 

    If your Plesk instance can’t create the _acme-challenge.example.com TXT (external DNS), the extension can’t complete validation and will show no success. 

  • Same problem

    6 months 1 week ago
    Warning: Undefined array key "url" in Drupal\Core\Asset\CssCollectionOptimizerLazy->optimizeGroup() 
    Warning: Undefined array key "url" in Drupal\Core\Asset\JsCollectionOptimizerLazy->optimizeGroup()

  • set-timezone Europe/Berlin

    6 months 1 week ago
    Server install & config : Debian 12 + Plesk + Apache + nginx + MariaDB + Solr
    sudo timedatectl set-timezone Europe/Berlin

  • Try this:1. Go to  Tools &…

    6 months 2 weeks ago
    Warning: PHP Startup: Unable to load dynamic library 'apcu.so' ... cannot open shared object file: No such file or directory

    Try this:

  • Alternative (without warnings like "no crontab for user")

    6 months 4 weeks ago
    List Cronjobs for all users (via for + crontab)

    Alternative (without warnings like "no crontab for dovecot") to see all tasks:

  • php 8.3 apcu

    6 months 4 weeks ago
    Install APCu (PHP 8.1, Plesk)

    php 8.3 apcu failed

    über Plesk hat es geklappt.

     

  • phpize failed error?

    6 months 4 weeks ago
    Install APCu (PHP 8.1, Plesk)

     

    install:

    # sudo apt install php-dev