Wer bereits länger mit Drupal arbeitet, weiß: Der Editor ist das Herzstück für jeden, der Inhalte pflegt – ob Redakteur:in, Site-Builder oder Entwickler:in. Mit Drupal 10 kam der große Wechsel auf CKEditor 5, er bietet eine moderne, flexiblere und leistungsfähigere Erfahrung.
Aber was steckt genau dahinter? Und was bedeutet das konkret für individuelle Websites? Wir haben die Main Facts auf einen Blick zusammengestellt.
Warum CKEditor 5 ein echter Game-Changer ist
Der erste Eindruck zählt – und der neue Editor macht direkt klar, dass hier einiges moderner geworden ist: Die Oberfläche ist aufgeräumt, auf Touch optimiert und macht das Arbeiten einfach angenehmer.
Die neue übersichtliche, moderne Oberfläche macht das Erstellen von Inhalten intuitiv und effizient. Aufgaben wie das Formatieren von Text, das Hinzufügen von Medien und das Einbetten von Videos gehen nahtlos ineinander über, während Funktionen wie die automatische Formatierung und Tastaturkürzel die Arbeitsabläufe beschleunigen. Mit den verbesserten Medienwerkzeugen können Redakteure Bilder mühelos in der Größe ändern, ausrichten und beschriften, und das erweiterte Plugin für die Tabellenverwaltung macht das Erstellen und Gestalten von Tabellen einfach und leistungsstark.
Doch das allein macht CKEditor 5 noch nicht besonders. Was ihn wirklich stark macht, ist seine Plugin-basierte Architektur. Plugins erweitern die Funktionalität des Editors ohne zusätzliche Komplexität. Beispielsweise die Integration mit der Drupal-Mediathek oder das Hinzufügen einer Wortzählung - Plugins machen CKEditor 5 flexibel und anpassungsfähig. Site-Builder können einfach gebrauchsfertige Plugins aktivieren oder benutzerdefinierte Plugins entwickeln, um spezifische Anforderungen zu erfüllen, damit der Editor leichtgewichtig und auf jeden Arbeitsablauf zugeschnitten bleibt.
Was genau sind Plugins?
Man kann sich Plugins wie kleine Apps für den Editor vorstellen. Installiert wird nur das, was man braucht – alles andere bleibt draußen. So bleibt der Editor leichtgewichtig und auf den individuellen Workflow zugeschnitten.
In Drupal funktioniert das über das Modulsystem. Ein Plugin für Wortzählung? Emoji-Unterstützung? Bessere Linkverwaltung? Alles nur ein paar Klicks entfernt. Und es können sogar eigene Plugins gebaut werden – dazu später mehr.
Ein Blick auf beliebte CKEditor 5 Plugins in Drupal
Bereits jetzt gibt es viele nützliche Plugins, die direkt genutzt werden können. Ein Beispiel ist das Media Embed Plugin. Damit können Inhalte aus Drittquellen wie YouTube oder Vimeo direkt eingebettet werden – ganz ohne komplizierten HTML-Code.
CKEditor 5 Plugin Pack: Drupal 10-Bearbeitung aufwerten
Auch das CKEditor 5 Plugin Pack bietet ein Rundum-sorglos-Paket: Wortzählung, Sonderzeichen, einfache Formatierungen – es wertet die Bearbeitung direkt auf. Installiert wird dieses Paket ganz bequem über Composer.
Derzeit verfügbare Plugins:
- Auto Image: Automatisches Einbetten von Bildlinks beim Einfügen von Inhalten.
- Block Indentation
- Bookmarks (New Feature!)
- Emoji (New Feature!)
- Find and Replace
- Fonts
- Highlight
- Link Attributes: Benutzerdefinierte HTML-Attribute für Links zu definieren – ein praktisches Feature für fortgeschrittene Linkgestaltung
- Page Break: Ermöglicht das Einfügen von Seitenumbrüchen für eine bessere Dokumentenverwaltung.
- Paste Markdown (New Feature!)
- Select All: Fügt eine Schaltfläche hinzu, um den gesamten Inhalt im Editor auszuwählen
- Text Transformation
- To-do Document List
- Word count
- Free version of WProofreader grammar and spell checker
- Templates: Ermöglicht die Verwendung vordefinierter Inhaltsvorlagen.
- Case Change: Schnelles Ändern der Groß- und Kleinschreibung von ausgewähltem Text.
- Multi-level List: Erstellung und Verwaltung von verschachtelten Listen mit rechtlicher Nummerierung.
Neuerungen: Self-Service-Premiumfunktionen und Versionskontrolle
Seit kurzem gibt es für Drupal-Nutzer Self-Service-Pläne zur Lizenzierung von Premium-Funktionen wie Echtzeit-Zusammenarbeit, Kommentaren und Änderungsverlauf. Das macht es deutlich einfacher, fortgeschrittene Features zu testen und produktiv zu nutzen.
Für Projekte, die noch nicht auf Drupal 10.4 oder Drupal 11.1 aktualisiert wurden, steht außerdem ein "Version Override"-Submodul zur Verfügung, mit dem man gezielt die neueste CKEditor-Version (z. B. 44.0.0) manuell einbinden kann.
Was CKEditor 5 für dich als Entwickler:in bedeutet
Drupal Entwicklern bringt der CKEditor 5 neue Freiheiten – und ein Stück moderne Webentwicklung ins Backend.
Kompatibel mit modernen Frameworks
CKEditor 5 wurde von Grund auf modular konzipiert. Das bedeutet: Es kann problemlos mit Frameworks wie Vue.js oder React kombiniert werden. Schluss mit monolithischen Ansätzen – stattdessen bekommt man einen Editor, der sich in moderne Toolchains einfügt.
Plugins entwickeln – mit klarer API
Besonders spannend wird es bei der Plugin-Entwicklung. Die API von CKEditor 5 ist so aufgebaut, dass eigene Funktionen geschrieben werden können, ohne den Core-Editor zu verbiegen. Egal ob benutzerdefinierte Buttons, spezielle Formatierungen oder neue Widgets eingebaut werden sollen – es kann gezielt genau das umgesetzt werden, was das Projekt braucht.
In einem unserer Projekte haben wir genau das getan. Dabei haben wir eine wichtige Lektion gelernt:
„CKEditor 5 übersetzt HTML-Inhalte erst in eine eigene interne Sprache – das nennt sich Upcast. Beim Speichern läuft dann der Downcast, der alles zurück in HTML überführt. Wenn man eigene Plugins entwickelt, müssen beide Prozesse definiert werden – also genau beschreiben, wie ein bestimmtes HTML-Element in ein Editor-Element übersetzt wird und umgekehrt.“
Das klingt erstmal logisch, kann aber durchaus knifflig werden:
„Viele Plugins sind nur über eine Paywall verfügbar, und die Dokumentation ist nicht gerade einsteigerfreundlich. Mit viel Recherche und etwas Hartnäckigkeit konnten wir auch dies lösen.“
Der Aufwand hat sich gelohnt: Wir konnten das Plugin exakt auf die Kundenanforderungen zuschneiden – und wissen nun, wie CKEditor 5 intern tickt.
Performance und Sicherheit
Auch unter der Haube überzeugt CKEditor 5: Der Editor ist auf schnelle Ladezeiten optimiert, was gerade bei Seiten starken Inhalten wichtig ist. Gleichzeitig bringt er moderne Sicherheitsstandards mit und bleibt durch langfristige Pflege zukunftsfähig. So ist man technisch immer auf der sicheren Seite.
Was CKEditor 5 für dich als Site-Builder bedeutet
Nicht nur für Entwickler:innen, auch für Site-Builder eröffnet CKEditor 5 viele Möglichkeiten, um Workflows im Redaktionsalltag zu vereinfachen – ganz ohne Code.
Symbolleisten individuell gestalten
Die Toolbar kann ganz nach Bedarf angepasst werden. So können beispielsweise überflüssige Buttons entfernt oder neue Werkzeuge hinzugefügt werden – und das für jede Benutzerrolle unterschiedlich. So bleibt der Editor für Redakteur:innen übersichtlich und bietet Power-Usern trotzdem volle Funktionalität.
Medienverwaltung leicht gemacht
Dank der nahtlosen Integration der Drupal-Mediathek wird das Einfügen und Verwalten von Bildern, Videos und anderen Medien kinderleicht. Damit bekommen Nutzer:innen ein zentrales, wiederverwendbares Tool an die Hand, das die Content-Pflege massiv vereinfacht.
Flexible Konfiguration – ganz ohne Code
Mit den CKEditor-Konfigurationswerkzeugen von Drupal können Plugins und Funktionen angepasst werden, ohne den Code zu verändern.
Fazit: Ein Editor, der sich individuellen Projekten anpasst – nicht umgekehrt
CKEditor 5 ist eine moderne, modulare und mächtige Erweiterung für Drupal. Mit ihm gestaltet sich die Content-Bearbeitung effizienter, intuitiver und flexibler. Und mit der Möglichkeit, Plugins gezielt zu wählen oder sogar selbst zu entwickeln, passt sich der Editor exakt an Anforderungen an.
Ob du Inhalte schreibst, Websites baust oder Erweiterungen entwickelst – CKEditor 5 ist dein Werkzeug für besseres Arbeiten im Drupal-Backend.
