Viele Jahre lang hat TYPO3 den CKEditor benutzt. Mit dem Editor schreiben Sie Texte für Ihre Internetseite. Für TYPO3 Version 14 gibt es nun eine moderne Lösung. Die neue Lösung heißt typo3-tiptap. Dieses Programm baut auf der bekannten Software ProseMirror auf. Die TYPO3 Association hat das Projekt mit Geld unterstützt. Das geschah im Rahmen von einem Förderprogramm im Jahr 2025.
Wir haben das Programm für Sie verbessert. Jetzt läuft es sicher mit TYPO3 Version 14. Es unterstützt auch die Arbeitsbereiche in TYPO3. So können Sie die Erweiterung sofort für Ihre Projekte nutzen.
Inhaltsverzeichnis
Überblick
Was wir gemacht haben
Funktionen im Detail
Installation
Überblick
Das Programm typo3-tiptap ist eine Erweiterung für TYPO3. Sie erhalten damit ein neues Eingabefeld für Ihre Texte. Das Programm TipTap benutzt eine moderne Basis namens ProseMirror. Sie können den Editor einfach mit einer YAML-Datei einstellen. Eine YAML-Datei ist eine einfache Textdatei für Einstellungen. Damit bestimmen Sie alle Knöpfe und Menüs für jedes Textfeld einzeln.
Die Firma in2code GmbH hat das ursprüngliche Programm entwickelt. Die TYPO3 Association hat die Entwicklung mit Geld unterstützt. Es ist ein offizielles Projekt von der TYPO3-Gemeinschaft.
Sie brauchen für diese Erweiterung mindestens TYPO3 Version 14.0. Außerdem benötigen Sie mindestens PHP Version 8.3.0. Die Erweiterung für Arbeitsbereiche ist freiwillig. Wir empfehlen diese Erweiterung aber für Ihre Entwürfe. Sie brauchen den alten Editor rte_ckeditor nicht mehr. Ältere Versionen von TYPO3 funktionieren mit diesem Programm nicht.
Was wir gemacht haben
Wir haben das Programm von in2code als Basis genommen. Wir haben das Programm für TYPO3 Version 14 verbessert. Besonders wichtig ist die Hilfe für Arbeitsbereiche. Sie können Links zu Ihren Entwürfen sicher speichern. Es gehen keine Daten von Ihren Entwürfen verloren.
Wir haben auch ein schwebendes Menü eingebaut.
Das Menü erscheint direkt über dem markierten Text.
Wir haben wichtige Hinweise für Entwickler aufgeschrieben.
Der Befehl f:render.contentArea funktioniert im Editor nicht.
Verwenden Sie stattdessen Ihr eigenes Sitepackage.
Wir haben Fehler bei der Nutzung von mehreren Editoren behoben.
Der alte Editor rte_ckeditor ist komplett gelöscht.
Funktionen im Detail
Die Erweiterung fügt ein neues Element für Ihre Formulare hinzu. Sie aktivieren es einfach über die TCA-Konfiguration. Sie stellen alle Funktionen bequem in einer YAML-Datei ein. Sie müssen dafür keinen PHP-Code schreiben. Auch Änderungen an Fluid-Dateien sind nicht nötig.
| Funktion | Nutzen für Sie |
|---|---|
| Einstellungen über YAML | Sie schalten Knöpfe für jedes Textfeld einzeln an oder aus. |
| Schwebendes Menü | Das Menü erscheint direkt am markierten Text. Das lenkt weniger ab. |
| Sichere Links | Sie verlinken Ihre Entwürfe im Arbeitsbereich sicher und ohne Datenverlust. |
| Erklärung für Abkürzungen | Erstellt eine verständliche Erklärung für schwere Wörter im Text. |
| Sprachen kennzeichnen | Markiert fremde Sprachen für Vorleseprogramme im Internet. |
| Eigene Werkzeuge | Entwickler können leicht eigene Funktionen einbauen. |
| Eigenes Aussehen | Der Text sieht beim Schreiben schon fast wie auf der fertigen Seite aus. |
| Tabellen und Absätze | Sie erstellen Tabellen und richten Texte einfach aus. |
Der Editor erzeugt einen sehr sauberen Code für das Internet. Er hilft Menschen mit Behinderungen beim Lesen. Das Programm liest Abkürzungen und fremde Sprachen richtig vor. Das verbessert die Barrierefreiheit auf Ihrer Internetseite.
Installation
composer config repositories.typo3-tiptap vcs https://github.com/dirnbauer/typo3-tiptap.git
composer require in2code/typo3-tiptap:dev-mainNach der Installation stellen Sie Ihr Textfeld auf renderType = tiptap um.
Aktivieren Sie danach Ihre gewünschten Funktionen in der YAML-Datei.
Wenn Sie mit Arbeitsbereichen arbeiten, schalten Sie EXT:workspaces ein.
Ohne diese Erweiterung können Sie Entwürfe im Linkauswähler nicht richtig nutzen.
Häufige Fragen
Fazit
TipTap ist ein hervorragendes Werkzeug für Texte in TYPO3. Der Editor ist modern und liefert sehr sauberen Code. Mit unserer verbesserten Version können Sie das Programm sofort im Alltag nutzen. Es bietet volle Unterstützung für Arbeitsbereiche und funktioniert fehlerfrei.
Wir danken der Firma in2code GmbH.
Auch der TYPO3 Association danken wir für die Unterstützung.
Sie haben das hervorragende Programm typo3-tiptap möglich gemacht.
Wir nutzen das Programm selbst sehr gerne.
Wir haben es für TYPO3 Version 14 fit gemacht.
Der größte Teil der Arbeit kommt aber von der Firma in2code GmbH.
Das Programm ist für alle Menschen frei nutzbar.