Frontend Editing mit TYPO3: Inhalte direkt in der Website bearbeiten
Kennst du das? Du willst eine Überschrift ändern. Du öffnest das Backend, suchst die richtige Seite, öffnest das Inhaltselement, änderst den Text und prüfst danach in der Vorschau, ob alles passt. Das kostet Zeit. Mit Frontend Editing geht es einfacher: Du bearbeitest Inhalte direkt dort, wo sie später auch erscheinen.
Veröffentlicht am 02. November 2026
Was ist Frontend Editing?
Beim Frontend Editing arbeitest du nicht mehr hauptsächlich in Formularen. Du klickst auf einen Text auf der Website, änderst ihn und siehst das Ergebnis sofort im Layout. So erkennst du schnell, ob eine Überschrift zu lang ist oder ob ein Text gut zum Design passt.
In TYPO3 gibt es dafür die Extension visual_editor. Sie wird von der FriendsOfTYPO3 Community entwickelt und wurde im März 2026 vorgestellt. Die Extension ist noch jung, wird aber aktiv weiterentwickelt.
Was kann der Visual Editor?
- Texte direkt bearbeiten: Ein Klick auf einen Text genügt.
- Inhaltselemente verschieben: Per Drag-and-drop bringst du Elemente an die gewünschte Position.
- Inhaltselemente hinzufügen, kopieren und löschen.
- Bearbeitbare Bereiche anzeigen: Mit der Funktion Spotlight siehst du, was du ändern kannst. Mit «Leere anzeigen» werden auch leere Felder sichtbar.
- Mehrsprachigkeit: Ab TYPO3 14 kannst du Sprachversionen einer Seite nebeneinander öffnen und vergleichen.
- Speichern: Du speicherst Änderungen manuell oder mit Autosave.
Die bekannten TYPO3-Berechtigungen und Freigabeprozesse gelten weiterhin.
Screenshot des Bearbeitungsmodus mit Spotlight
Für wen ist das sinnvoll?
Frontend Editing lohnt sich besonders für Teams und Redakteure, die Inhalte regelmässig anpassen:
- Redakteure, die viele Seiten pflegen
- Redaktionen die Kunden-Websites warten
- Marketingteams, die Kampagnenseiten schnell ändern
- Teams mit mehrsprachigen Websites, die Übersetzungen direkt vergleichen möchten
- Organisationen, die weniger Zeit im Backend verbringen wollen
Web Developer & Projektleiter
Vorteile von Frontend Editing
| Bisher im Backend | Neu Frontend Editing |
|
|
Redaktionsansicht mit Frontend Editing (Editor-Mode).
Redaktionsansicht ohne Frontend Editing (Layout Mode).
Technische Voraussetzungen
Der Visual Editor unterstützt TYPO3 Version 13 und 14. Die Extension läuft ab PHP 8.2.
Ältere TYPO3 Websites können mit einem Upgrade versehen werden, was zusätzlich auch deren Betrieb und Sicherheit für die Zukunft sicherstellt. Weiterführende Informationen findest du dazu unter TYPO3 Upgrade verstehen.
Nachrüsten auf bestehenden Websites
Auch bestehende Websites lassen sich nachrüsten. Wie das geht und was das bedeutet bedingt eine Machbarkeitsabklärung, die wir gerne für dich ausführen. Interessiert? Wenn ja, kannst du uns gerne dazu anfragen:
Anfrage für Machbarkeit
Häufig gestellte Fragen zu Frontend Editing mit TYPO3
Du sparst Zeit bei Änderungen, siehst das Ergebnis sofort und vermeidest Darstellungsfehler. Besonders bei kleinen Korrekturen zeigt sich der Vorteil.
Ja, der Visual Editor arbeitet mit den bekannten TYPO3-Berechtigungen. Deine Rechte werden erweitert, dass du mit Frontend Editing arbeiten darfst.
Ja, ab TYPO3 14 kannst du Sprachversionen einer Seite nebeneinander öffnen und direkt bearbeiten.
Die Aktivierung und die Vorbereitung der Templates übernehmen in der Regel die Web-Entwickler. Danach kannst du die Funktionen direkt nutzen. Wir klären gern, was bei deiner Website nötig ist.
Ja, auf Wunsch zeigen wir dir oder deinem Team die Bedienung in einer kurzen Schulung. Dies kann auch in einer allgemeinen TYPO3 CMS Kurzschulung stattfinden. Lass es uns wissen, wenn du daran interessiert bist.
Jetzt Vorabklärung anfragen
Du möchtest wissen, ob deine Website bereit für Frontend Editing ist? Dann melde dich bei uns.
Über Daniel Kempf
Als Web Developer und Projektleiter bei zottermedia entwickle ich individuelle TYPO3-Websites und digitale Lösungen für unsere Kunden. Hier gebe ich Einblicke in technische Hintergründe, aktuelle Entwicklungen und Best Practices aus der Webentwicklung.
