Der Standard-Rich-Text-Editor GrapesJS deckt die Grundlagen ab, aber sobald ein Projekt zu einem vollwertigen No-Code-Builder oder Enterprise-E-Mail-Komponist wird, fühlen sich seine Fähigkeiten langsam eng. DevFuture Development füllt diese Lücke mit zwei kommerziellen Plugins aufGJS.Market: einem Wrapper für CKEditor 5 und einem Wrapper für Froala. Beide ersetzen das Standard-GrapesJS-Inline-RTE, ohne die vertrauten Edit-in-Place-UX-Entwickler zu stören.
In diesem Artikel gehen wir die frische CKEditor 5 Inline v0.1.4 Version durch und fassen zusammen, warum der Froala Inline Text Editor immer noch eines der meistverkauften RTE-Plugins für GrapesJS ist.
CKEditor 5 Inline Text Editor für GrapesJS – was ist neu in v0.1.4
DerGrapesJS Inline Text Editor – kompatibel mit dem CKEditor 5 Plugin –tauscht den Standard-GrapesJS RTE gegen CKEditor 5 im Inline-Modus aus. CKEditor selbst ist nicht gebündelt – man installiert und lizenziert es separat –, während das Plugin die Integration übernimmt: Mounting in den Canvas-iframe, Abfangen von Bearbeitungsereignissen und Synchronisation von Inhalten zurück ins GrapesJS-Modell.
DieVersion v0.1.4(25. Mai 2026) ist in erster Linie eine Stabilisierungsversion. Das Team löste eine Reihe von Problemen, die häufig Nutzer trafen, die das Plugin im Studio SDK und anderen komplexen Host-Anwendungen ausführten.
Fehlerbehebungen
- Toolbar-Clipping wurde behoben.Die Symbolleiste und die Ballon-Panels (Link-URL-Form, Schriftfarbwähler) werden nun im übergeordneten Dokument angezeigt und nicht mehr im iframe. Sie werden nicht mehr durch Overlays des Host-Editors abgeschnitten – insbesondere das Studio SDK. Die Panels liegen immer oben, wo man sie erwartet.
- Link-Ballon-Position ist fest.Das Link-URL-Formular öffnet sich nun neben dem ausgewählten Text statt in der Nähe der Symbolleiste. Eine Kleinigkeit, aber früher hat sie das Interaktionsmuster durchbrochen, das Nutzer von jedem modernen Editor erwarten.
- Kein verschwindender Text mehr.Ein Fehler im GHS-Superbuild von CKEditor führte dazu, dass Inhalte bei jedem Bearbeitungszyklus eingebettet
.ck-editor__editablewurden, was bedeutete, dass der Benutzertext nach wiederholtem Aktivieren/Deaktivieren verloren ging. Das ist weg. - Keine doppelte iframe-Injektion.Das Editor-Modul wird nun genau einmal in den iframe eingeschleust. Die Rennbedingung bei schnellen Komponentenschaltern ist festgelegt.
- Leistungsverbesserungen.
editor.refresh()wurde aus dem Elementbeobachter entfernt. GrapesJS rendert nicht mehr bei jedem Tastendruck in CKEditor neu – ein spürbarer Unterschied bei großen Projekten.
Verbesserungen
- Die Werkzeugleiste folgt korrekt dem iframe-Element, wenn ein Vorfahre scrollt.
- Ballon-Panels überstehen CSS-Transformationen in Host-Anwendungsschalen.
- Verbesserte Testabdeckung für alle festen Szenarien.
Kompatibilität und unterstützte Formatierung
Das Plugin wird im gesamten aktuellen Spektrum der GrapesJS-Versionen getestet: 0.17.x,0.18.x,0.19.x,0.20.x,,0.21.x.0.22.x Direkt aus dem Kasten unterstützt es Fett, Kursiv, Unterstreichen, Durchstreichen, Text- und Hintergrundfarbe, Schriftgröße und Schriftfamilie. Alles darüber hinaus wird an CKEditor 5 selbst delegiert – die Konfiguration wird von deinem CKEditor-Build übernommen, sodass jedes Plugin aus dem CKSource-Ökosystem verkabelt werden kann.
Preis: 69 $ (weniger als 93,15 $). Das Paket enthält den vollständigen Quellcode, einen produktionsbereiten dist Build, eine kommerzielle Lizenz und zukünftige Updates.
⚠️ Dieses Plugin ist kein offizielles CKSource-Produkt und nicht mit CKSource verbunden. CKEditor ist eine Marke von CKSource Holding sp. z o.o.
Froala Inline Text Editor für GrapesJS — bewährte Alternative
Wenn CKEditor 5 sich übertrieben anfühlt oder dein Team bereits eine Froala-Lizenz hat, ist derFroala Inline Text Editor desselben Autorseinen Blick wert. Seit Oktober 2022 ist es ein Marktplatz-Bestseller; das letzte Update wurde am 2. September 2025 veröffentlicht.
Merkmale
Das Basisformatierungsset spiegelt den CKEditor-Wrapper wider:
- Fett, kursiv, Unterstreichen, Strike
- Textfarbe und Hintergrundfarbe
- Schriftgröße, Schriftfamilie
- Horizontale Linie (HR)
Aber es gibt eine Funktion, die viele Teams speziell zum Froala-Build treibt: erstklassige Unterstützung für Vorlagenvariablen wie{{name}}und{{email}}. Das ist wichtig für E-Mail-Builder und Newsletter-Vorlagen – der Nutzer sieht den Platzhalter direkt im visuellen Editor, und das Backend ersetzt die echten Werte zum Senden ein. Mit dem nativen GrapesJS RTE müsstest du diese UX selbst übernehmen.
Kompatibilität
Das Plugin unterstützt GrapesJS 0.16.x 0.22.x– eine noch größere Versionsvielfalt als der CKEditor-Wrapper. Quellcode und ein distBuild sind beide enthalten.
Preis: 69 $. Wie beim CKEditor-Wrapper ist Froala selbst ein separates kommerzielles Produkt, lizenziert von Froala Labs – dieses Plugin löst die Integrationsschicht.
CKEditor 5 vs Froala für GrapesJS – welches soll man wählen
Beide Plugins lösen dasselbe Problem: Sie ersetzen das Standard-GrapesJS-Inline-RTE-System durch etwas Leistungsfähigeres. Sie unterscheiden sich in den Zielanwendungen und Integrationsnuancen.
| Kriterium | CKEditor 5 Inline v0.1.4 | Froala Inline |
|---|---|---|
| Preis | 69 Dollar | 69 Dollar |
| Basisformatierung | Voll | Voll |
Variablen ({{name}}) | Über Anpassung | Eingebaut |
| GrapesJS-Kompatibilität | 0.17.x–0.22.x | 0.16.x–0.22.x |
| Letztes Update | 25. Mai 2026 (v0.1.4) | 2. September 2025 |
| Redakteurslizenz | CKEditor 5 separat | Froala separat |
| Studio SDK bereit | ✅ (behoben in v0.1.4) | ✅ |
Wählen Sie CKEditor 5 Inline, wenn:
- du arbeitest bereits im CKEditor 5-Ökosystem und besitzt eine Lizenz;
- du brauchst eine umfangreiche, erweiterbare API und den umfangreichen CKSource-Plugin-Katalog;
- das Projekt befindet sich im Studio SDK oder einer anderen Host-Anwendung mit komplexem DOM – v0.1.4 ist speziell auf diese Umgebungen abgestimmt.
Wählen Sie Froala Inline, wenn:
- Sie bauen einen E-Mail-Builder oder ein Template-Tool, das auf
{{...}}Substitutionen setzt; - dein Team hat bereits eine Froala-Lizenz;
- Sie benötigen Kompatibilität mit älteren GrapesJS 0.16.x-Projekten.
Fazit
Die CKEditor 5 Inline v0.1.4 Version ist genau die Art von Update, die man sich von einem bereits in Produktion befindlichen Plugin wünscht: nichts Auffälliges, nur eine saubere Durchsicht der nervigen Fehler rund um Studio SDK, iframe-Injektion und Panel-Positionierung. Wenn du das Plugin früher ausprobiert hast und eines dieser Probleme überwunden hast, lohnt es sich, es dir noch einmal anzusehen.
Froala Inline bleibt derweil eine solide Wahl – besonders für Projekte mit Vorlagenvariablen, wo der{{placeholder}}Support Stunden individueller Arbeit spart.
Beide Plugins wurden von DevFuture Development entwickelt, beide sind mit vollständigem Quellcode ausgeliefert und beide sind aufGJS.Market verfügbar.
Nützliche Links
- CKEditor 5 Inline-Texteditor für GrapesJS— Live-Vorschau und Kauf
- Froala Inline Text Editor für GrapesJS – Live-Vorschau und Kauf
- Alle GrapesJS RTE-Plugins auf GJS.Market