KuroEditor – ein WYSIWYG-Editor ohne Abhängigkeiten
Keine externen JS-Bibliotheken. Ein einbettbarer WYSIWYG-Editor, der läuft, sobald Sie die einzelne Datei kuro-editor.js laden.
KuroEditor ist ein einbettbarer WYSIWYG-Editor, der nur mit Vanilla JS und Tailwind CSS gebaut ist. React, Vue oder jQuery sind nicht nötig – eine Zeile <script> und ein <div> als Einhängepunkt genügen. Die Darstellung beim Bearbeiten und auf der veröffentlichten Seite stammt aus demselben CSS, sodass alles genau so erscheint, wie Sie es schreiben. Auch der Artikeleditor von KuroCMS nutzt ihn.
Merkmale#
- Überschriften H1–H4, Zitate, Hinweisboxen (4 Farben), Listen, Textfarbe, Schriftgröße, Zeilenabstand, Ausrichtung, Codeblöcke (mit Zeilennummern und Kopierfunktion)
- Tabellen mit Verbinden und Teilen von Zellen, individuellen Rahmenlinien und Spaltenbreiten per Ziehen
- Einbetten von Bildern, Videos, Audio sowie YouTube / Vimeo, per Drag-and-drop und Einfügen
- Wiki-artige Links mit
[[slug]]und URL-Karten - Bis zu 200 Schritte Rückgängig / Wiederholen – auch bei der Bestätigung japanischer Eingaben ohne Fehlverhalten
- Drei Modi (Bearbeiten, Ansicht, HTML-Quelltext), automatisches Inhaltsverzeichnis aus Überschriften, automatisches Speichern
- Heller / dunkler Modus für die Bearbeitungsansicht
Lizenz#
Kuro License (die MIT License mit einer zusätzlichen Hinweispflicht). Wenn Sie den Editor in Oberflächen für Endnutzer verwenden, zeigen Sie bitte etwa im Footer oder in den Credits „Editor: Kuro.Boo“ mit einem Link zu https://kuro.boo/ an.
