{"id":7020,"date":"2026-10-15T12:48:18","date_gmt":"2026-10-15T10:48:18","guid":{"rendered":"https:\/\/www.clickstorm.de\/blog\/?p=7020"},"modified":"2026-10-15T13:20:36","modified_gmt":"2026-10-15T11:20:36","slug":"typo3-frontend-editing-visual-editor","status":"publish","type":"post","link":"https:\/\/www.clickstorm.de\/blog\/typo3-frontend-editing-visual-editor\/","title":{"rendered":"TYPO3 Frontend Editing: Inhalte mit visual_editor direkt bearbeiten"},"content":{"rendered":"

Eine \u00dcberschrift \u00e4ndern, ein Inhaltselement verschieben oder einen Text anpassen, ohne st\u00e4ndig zwischen TYPO3-Backend und Website zu wechseln? Mit der Extension visual_editor<\/strong> wird Frontend Editing in TYPO3 m\u00f6glich. Du bearbeitest Inhalte direkt dort, wo sie sp\u00e4ter auch angezeigt werden.<\/p>\n

Frontend Editing ist ein lang gehegter Wunsch der TYPO3-Community. Fr\u00fchere L\u00f6sungen konnten sich nicht dauerhaft als fester Bestandteil des CMS etablieren. Mit visual_editor gibt es jetzt einen neuen Ansatz, der sich eng in TYPO3 integriert und langfristig sogar Teil des TYPO3-Cores werden k\u00f6nnte.<\/p>\n

Wir zeigen dir, was der Visual Editor f\u00fcr Redakteure bietet und wie Entwickler ihre Templates daf\u00fcr vorbereiten.<\/p>\n\n

Was ist Frontend Editing in TYPO3?<\/h2>\n

Normalerweise bearbeitest du Inhalte in TYPO3 \u00fcber das Backend. Du suchst die passende Seite im Seitenbaum, \u00f6ffnest ein Inhaltselement und \u00e4nderst beispielsweise eine \u00dcberschrift oder einen Text. Erst in der Vorschau siehst du, wie die \u00c4nderung auf deiner Website aussieht.<\/p>\n

Mit Frontend Editing geht das einfacher: Du \u00f6ffnest die Seite im Visual Editor, klickst auf einen bearbeitbaren Text und passt ihn direkt im Layout an. Das Ergebnis siehst du sofort.<\/p>\n

Der Visual Editor ber\u00fccksichtigt dabei das tats\u00e4chliche Frontend-Design. Du erkennst also unmittelbar, ob eine \u00dcberschrift zu lang ist oder der neue Text gut zum Layout passt.<\/p>\n

Ein lang gehegter Wunsch der TYPO3-Community<\/h2>\n

Die Idee, Inhalte direkt im Frontend zu bearbeiten, ist in TYPO3 nicht neu. Bereits 2016 haben wir in unserem Beitrag TYPO3 Frontend Editing: Eine exklusive Vorschau<\/a> \u00fcber eine neue Extension berichtet. Damals wurde die Entwicklung \u00fcber Crowdfunding finanziert. Geplant waren unter anderem die direkte Textbearbeitung und das Verschieben von Inhaltselementen per Drag-and-drop.<\/p>\n

Die damalige Extension frontend_editing<\/a> wurde zwar umgesetzt, konnte sich aber nicht dauerhaft als Standard etablieren.<\/p>\n

Im M\u00e4rz 2026 wurde mit visual_editor<\/a> ein neuer Ansatz vorgestellt. Die Extension wird unter dem Dach von FriendsOfTYPO3<\/a> entwickelt und integriert sich enger in die technischen Grundlagen von TYPO3.<\/p>\n

Auch die TYPO3 Association unterst\u00fctzt die Weiterentwicklung. Im August 2026 wurde ein Community-Budget-Projekt abgeschlossen, das unter anderem die mehrsprachige Bearbeitung, Barrierefreiheit und Zuverl\u00e4ssigkeit verbessert hat.<\/p>\n

Langfristig ist sogar eine Integration in den TYPO3-Core geplant. TYPO3 v15 wird dabei als m\u00f6gliches Ziel genannt. Eine verbindliche Zusage gibt es daf\u00fcr allerdings noch nicht.<\/p>\n

Frontend Editing f\u00fcr Redakteure: So funktioniert visual_editor<\/h2>\n

Nach der Installation steht dir im TYPO3-Backend der Visual Editor als eigenes Modul zur Verf\u00fcgung. Hier siehst du die Website so, wie sie auch deine Besucher sehen.<\/p>\n

Der Unterschied zum klassischen Layout-Modul: Statt Inhaltselemente haupts\u00e4chlich \u00fcber Eingabeformulare zu bearbeiten, arbeitest du direkt in der gerenderten Seite.<\/p>\n

\"Info<\/p>\n

Dieses Video wird \u00fcber eine externe Plattform (YouTube) gehostet. Das Laden bedarf der Zustimmung unserer Datenschutzbestimmungen.<\/a><\/p>\n

Einstellung vornehmen<\/a><\/div>\n