---
title: "Visual Editing in TYPO3: Inhalte direkt im Kontext bearbeiten"
url: "https://b13.com/de/wissen/visual-editing-in-typo3-when-content-management-happens-in-context"
description: Der Visual Editor von anders und sehr ermöglicht echtes In-Context Editing in TYPO3. Erfahre, wie Camino und neue redaktionelle Workflows das Arbeiten mit Inhalten deutlich verbessern.
image: "https://b13.com/fileadmin/_processed_/1/2/csm_VisualEditor_Sharing_9001bfa465.png"
date: 2026-03-16
modified: 2026-08-19
lastUpdated: 2026-08-19
---

# Visual Editing in TYPO3: Inhalte direkt im Kontext bearbeiten

[ TYPO3 v14 ](https://b13.com/de/wissen/typo3-v14) [ Core-Development ](https://b13.com/de/wissen/core-development)

 Visual Editing in TYPO3: Wenn Content-Pflege im Kontext stattfindet
=====================================================================

![](https://b13.com/fileadmin/_processed_/b/8/csm_florian_ddfab4eb90.jpg)Florian “Flix” Keitgen

  16. März 2026

 [ RSS Feed ](https://b13.com/de/rss.xml)

  ![Hände, die einen Bleistift und einen runden Chip mit Zeichen halten, arbeiten an einer digitalen Oberfläche, die Text und Bilder anzeigt.](https://b13.com/fileadmin/_processed_/7/e/csm_VisualEditor_Headerbild_3ee20a9b47.webp)

Mit TYPO3 v14 kommt Ende April 2026 ein Release, in dem sich ungewöhnlich viele Verbesserungen rund um die tägliche Redaktionsarbeit bündeln. Neben einer besseren Möglichkeit, Seiten im Seitenbaum zu platzieren, dem neuen Context Panel zur komfortableren Pflege von Content-Elementen und vielen technischen Vorbereitungen im Core zieht auch mit **Camino** ein neues Frontend-Theme in den TYPO3 Core ein.

  Camino wurde von Laura erdacht und konzipiert und gemeinsam mit David sowie den Core-Mergern umgesetzt. Wer tiefer in die Neuerungen von TYPO3 v14 einsteigen möchte, findet in unserer Session vom Web Camp Venlo einen guten Überblick über die wichtigsten Features.

 [ Mehr zu Camino ](https://b13.com/core-insights/blog/camino-the-need-for-a-default-theme-in-typo3-is-real) [ Präsentation zur v14 in Venlo ](https://www.figma.com/deck/CBrYgp2Kt65sjRtdVs4nIR/Next-Gen-TYPO3-v14?node-id=9–2219&t=ngGvQFXdSt3r7BN0–1)

  Doch so spannend viele dieser Änderungen auch sind: Eines der eindrucksvollsten Themen rund um TYPO3 v14 kam in Venlo nicht direkt aus dem Core, sondern aus dem Umfeld der Community.

**Matthias Vogel, Technical Lead bei anders und sehr**, zeigte mit dem **Visual Editor** eine neue Art der Content-Pflege in TYPO3. Entstanden ist eine praktische, Core-nahe Extension, die eine erste überzeugende Antwort auf eine Frage gibt, die viele Redakteurinnen und Redakteure seit Jahren begleitet: Warum wechseln wir beim Bearbeiten von Inhalten eigentlich ständig zwischen Frontend und Backend?

Gerade auf Seiten mit vielen Content-Elementen sieht der Redaktionsalltag oft so aus:

1. Seite im Frontend öffnen
2. das richtige Inhaltselement suchen
3. zurück ins Backend wechseln
4. dort das passende Element finden, öffnen und bearbeiten
5. speichern
6. wieder ins Frontend gehen und prüfen, ob alles passt

Dieser Ablauf kostet Zeit, unterbricht den Fokus und reißt Redakteure immer wieder aus dem eigentlichen Kontext ihrer Arbeit.

Genau hier setzt der Visual Editor an.

Über das Modul **„Editor“** im neuen Content-Bereich von TYPO3 v14 lässt sich eine Seite direkt im Backend so darstellen, wie sie später auch im Frontend erscheint. Inhalte werden dort bearbeitet, wo sie sichtbar sind: direkt am Content-Element, mit unmittelbarer Rückmeldung und ohne den ständigen Wechsel zwischen verschiedenen Ansichten. Das Ergebnis ist ein echtes **What you see is what you get**-Erlebnis für die redaktionelle Arbeit.

Besonders stark ist dabei, wie konsequent das Thema **Context** weitergedacht wird. Im Zuge der Änderungen für TYPO3 v14 war genau das immer wieder ein prägender Begriff: Wie schaffen wir ein Backend, das Redakteure nicht aus ihrer Arbeit herauszieht, sondern sie möglichst nah am Inhalt hält? Wie können Oberflächen aufgeräumter, verständlicher und fokussierter werden?

Der Visual Editor gibt darauf eine sehr überzeugende Antwort. Änderungen passieren direkt an der Stelle, an der Inhalte relevant werden. **Content-Elemente lassen sich per Drag-and-drop neu positionieren, neue Elemente können ergänzt und bestehende entfernt werden, und Änderungen werden in Echtzeit sichtbar, ohne dass die Seite neu geladen werden muss.** So entsteht ein Arbeitsmodus, der deutlich näher an der eigentlichen redaktionellen Aufgabe bleibt.

Auch funktional ist die Lösung bemerkenswert weit: Der Visual Editor unterstützt **Workspaces**, bietet auf Wunsch **Auto-Saving**, kann bearbeitbare Elemente gezielt hervorheben, unterstützt **Container-Elemente** und nutzt für komplexere Bearbeitungsschritte — etwa beim Austausch von Medieninhalten — das neue **Context Panel**.

      By playing this video, YouTube may save personal data such as your IP address.

  Besonders schön: Die Extension funktioniert ohne zusätzlichen Aufwand direkt mit dem neuen Camino-Theme. Das ist ein doppelter Gewinn. Wer TYPO3 v14 installiert, bekommt mit Camino sofort ein modernes, stimmiges Frontend mitgeliefert. Und wer zusätzlich den Visual Editor einsetzt, hebt die redaktionelle Arbeit auf ein neues Niveau.

Diese Lösung wirkt endlich nicht wie ein isolierter Sonderweg, sondern wie eine Entwicklung, die genau zur Richtung von TYPO3 v14 passt. Technisch ist die Integration in eigene Themes außerhalb von Camino vergleichsweise schlank gehalten. Vor allem aber zeigt die Extension, wie stark sich die Vorarbeiten im Core nun auszahlen. Sie schafft ein visuelles Bearbeitungserlebnis, ohne sich mit schwergewichtigen Sonderlösungen vom System zu entfernen.

    > Das ist bemerkenswert — auch mit Blick auf die Entstehungszeit. In nur fünf Monaten hat „anders und sehr“ hier eine Extension aufgebaut, die das visuelle Arbeiten mit Content in TYPO3 auf ein neues Level hebt. Und das stellt die Basis, das hoffentlich bald alle TYPO3-Websites mit dem Visual Editor laufen und TYPO3 zu jüngeren CMSes aufschließen kann.

  Benni Mack, CTO und Mitgründer von b13

  Normalerweise stellen wir an dieser Stelle eher unsere eigenen Lösungen vor. In diesem Fall hat uns die Arbeit des Kollegen aus Stuttgart jedoch so überzeugt, dass wir sie bewusst hervorheben möchten. Denn genau solche Beiträge zeigen, wie viel Innovationskraft in der TYPO3-Community steckt — und wie stark Open Source davon lebt, dass gute Ideen geteilt, getestet und gemeinsam weiterentwickelt werden.

Deshalb an dieser Stelle ein großes Dankeschön an **anders und sehr** für dieses Commitment zu Open Source, was direkt in den „FriendsOfTYPO3“ Kosmos übernommen wurde.

  **Bist du auch so überzeugt von dem Visual Editor wie wir?**

**Matthias Vogel** freut sich über Tests, Feedback und über weitere Interessierte, die mithelfen möchten, den Visual Editor weiter zu verbessern. Das Ziel ist klar: eine Lösung, die perspektivisch so stark wird, dass sie in einem der nächsten Schritte ihren Weg in den TYPO3 Core finden kann.

 [ Zum GitHub Repository ](https://github.com/FriendsOfTYPO3/visual_editor) [ anders und sehr ](https://www.andersundsehr.com/magazin/TYPO3-Visual-Editor)

  ###  Geschrieben von:

 ![Lächelnder Mann mit lockigem Haar und Brille, der ein rotes Polohemd trägt, steht in einer gut beleuchteten Innenumgebung.](https://b13.com/fileadmin/_processed_/b/8/csm_florian_fc8286b2b4.webp)

Head of Product Development Florian (aka Flix), bringt Projekte und Produkte voran – präzise, verlässlich und immer mit einer Prise trockenem Humor.

 Florian „Flix“ Keitgen  Head of Product Development

 [ mehr von Florian „Flix“ Keitgen ](https://b13.com/de/team/florian-keitgen)

  Ähnliche Artikel
------------------

- ![Eine Rakete mit der Bezeichnung "V14" startet in den Himmel, umgeben von einer Gruppe von Menschen, die mit erhobenen Armen feiern.](https://b13.com/fileadmin/_processed_/3/d/csm_v14_Celebration_Headerbild_3d4170fdc5.webp)

    ###  Happy Release Day TYPO3 v14: Warum dieser Release zeigt, wie stark Open Source sein kann

     21. April 2026 | Florian “Flix” Keitgen

     TYPO3 v14 verbessert Workflows für Redakteure, Marketing-Teams und Entwickler — und zeigt, wie Community-getriebene Open Source echte Wirkung entfaltet.

     [ weiterlesen: Happy Release Day TYPO3 v14: Warum dieser Release zeigt, wie stark Open Source sein kann ](https://b13.com/de/wissen/happy-release-day-typo3-v14-warum-dieser-release-zeigt-wie-stark-open-source-sein-kann)
- ![Hände, die Puzzlestücke mit QR-Codes halten, umgeben einen großen QR-Code unter einer Lupe, was auf eine kollaborative Aktivität hindeutet.](https://b13.com/fileadmin/_processed_/3/b/csm_QRcodeManagement2_Headerbild_85c3ff55b5.webp)

    ###  QR-Codes in TYPO3 v14: Integriertes Link-Management, das Redakteuren den Alltag erleichtert

     17. April 2026 | David Steeb

     Mit TYPO3 v14.1 können Redakteur:innen QR-Codes direkt im Backend erzeugen und verwalten. Persistent, trackbar, sicher — ideal für Flyer, Events, Beschilderung.

     [ weiterlesen: QR-Codes in TYPO3 v14: Integriertes Link-Management, das Redakteuren den Alltag erleichtert ](https://b13.com/de/wissen/qr-codes-in-typo3-v14-built-in-link-management-that-just-works-for-editors)
- ![Zwei Zauberer in lila Roben mit langen weißen Bärten, die sich vor einem sternenübersäten Hintergrund gegenüberstehen.](https://b13.com/fileadmin/_processed_/2/a/csm_PageWizard_Headerbild_54137c8b34.webp)

    ###  Seiten richtig anlegen — dank des neuen TYPO3 v14 Page Creation Wizard

     16. April 2026 | Florian “Flix” Keitgen

     Der neue TYPO3 v14 Page Creation Wizard verbessert die Seitenerstellung mit klarer Führung, Pflichtfeld-Validierung und einem konsistenteren Workflow.

     [ weiterlesen: Seiten richtig anlegen — dank des neuen TYPO3 v14 Page Creation Wizard ](https://b13.com/de/wissen/seiten-richtig-anlegen-dank-des-neuen-typo3-v14-page-creation-wizard)
- ![Retro-Mikrofon-Illustration mit einem Einkaufswagen-Symbol im Hintergrund, das E-Commerce oder Online-Shopping symbolisiert.](https://b13.com/fileadmin/_processed_/f/8/csm_Marketplace_Headerbild_ee1575614c.webp)

    ###  Warum TYPO3 einen Marketplace für Produkte braucht

     25. März 2026 | Florian “Flix” Keitgen

     Ein Marketplace würde TYPO3-Produkte sichtbarer machen, den Vergleich erleichtern und Agenturen sowie Kunden gleichermaßen profitieren lassen.

     [ weiterlesen: Warum TYPO3 einen Marketplace für Produkte braucht ](https://b13.com/de/wissen/warum-typo3-einen-marketplace-fuer-produkte-braucht)
- ![Mehrere Hände halten QR-Codes, während eine Hand mit einer Lupe einen größeren QR-Code in der Mitte untersucht.](https://b13.com/fileadmin/_processed_/0/1/csm_QRcodeManagement_Headerbild_5d9ec54194.webp)

    ###  Warum wir QR-Codes in TYPO3 eingebaut haben: Printkampagnen unter CMS-Kontrolle

     12. Februar 2026 | Jochen Roth

     QR-Codes, die außerhalb deines CMS erstellt wurden, funktionieren nicht mehr, wenn Seiten verschoben werden. Mit TYPO3 v14.1 kannst du QR-Codes jetzt im Backend verwalten.…

     [ weiterlesen: Warum wir QR-Codes in TYPO3 eingebaut haben: Printkampagnen unter CMS-Kontrolle ](https://b13.com/de/wissen/qr-codes-in-typo3-printkampagnen-unter-cms-kontrolle)
- ![Eine menschliche Hand schüttelt eine Roboterhand vor einem lila Hintergrund mit Herzmustern, was die Zusammenarbeit zwischen Menschen und Technologie symbolisiert.](https://b13.com/fileadmin/_processed_/6/2/csm_AIbotsLoveMarkdown_Headerbild_72fe5820d6.webp)

    ###  Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown

     28. Januar 2026 | Benni Mack

     Discover why most web traffic is now automated and how TYPO3’s structured content model prepares websites for humans, editors, and AI systems.

     [ weiterlesen: Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown ](https://b13.com/de/wissen/das-internet-ist-nicht-mehr-nur-fuer-menschen-ki-bots-lieben-markdown)
- ![Mehrere farbenfrohe Mockups von Webseiten, die übereinander gestapelt sind und verschiedene Layouts sowie Designelemente vor einem lila Hintergrund präsentieren.](https://b13.com/fileadmin/_processed_/e/3/csm_CaminoTheme_Headerbild_d082598009.webp)

    ###  Camino—The Need for a Default Theme in TYPO3 Is Real

     27. Januar 2026 | Benni Mack

     With TYPO3 v14, Camino introduces a default theme that removes friction from first installs. Why this matters—and how TYPO3 laid the groundwork.
- ![Zwei ineinandergreifende Zahnräder mit einem getrennten elektrischen Stecker und einem Etikett mit der Aufschrift 'v13' auf lila Hintergrund.](https://b13.com/fileadmin/_processed_/0/7/csm_TYPO3v13_Headerbild_14eb602ce4.webp)

    ###  Was gibt’s Neues in TYPO3 v13?

     20. Januar 2026 | Desirée Lochner

     Mit TYPO3 v13 beginnt eine neue Ära der Nutzerfreundlichkeit. Die Version begeistert mit einer modernen, frischen und unglaublich performanten Benutzeroberfläche — entwickelt für…

     [ weiterlesen: Was gibt’s Neues in TYPO3 v13? ](https://b13.com/de/loesungen/typo3/was-gibts-neues-in-typo3-v13)
- ![Benutzeroberflächendesign mit einer dunklen Seitenleiste, die Navigationsoptionen bietet, und einem zentralen Inhaltsbereich mit Platzhaltertext.](https://b13.com/fileadmin/_processed_/6/6/csm_V14BackendUX_Headerbild_6dcecb335f.webp)

    ###  Gestaltung des Backends von TYPO3 v14: Unsere Vision für eine moderne, erweiterbare Grundlage

     12. Januar 2026 | Laura Heine

     b13 gestaltet das Backend von TYPO3 für Version 14 neu, damit es moderner wirkt, schneller läuft, den Benutzerkontext beibehält und eine erweiterbare Grundlage schafft, die sich…

     [ weiterlesen: Gestaltung des Backends von TYPO3 v14: Unsere Vision für eine moderne, erweiterbare Grundlage ](https://b13.com/de/wissen/gestaltung-des-backends-von-typo3-v14-unsere-vision-fuer-eine-moderne-erweiterbare-grundlage)
- ![Stilisierter Text, der das Jahr „2026“ mit einem bunten Design zeigt, vor einem hellblauen Hintergrund mit wiederholten Zahlen.](https://b13.com/fileadmin/_processed_/1/d/csm_Headerbild_2026_04051f7deb.webp)

    ###  Die Zukunft gestalten: b13 in 2026

     11. Januar 2026 | Florian “Flix” Keitgen

     TYPO3 v14 LTS, Community und Events: So investiert b13 2026 in Backend, Nachwuchs, Wissenstransfer und sinnvolle TYPO3 Erweiterungen.

     [ weiterlesen: Die Zukunft gestalten: b13 in 2026 ](https://b13.com/de/wissen/die-zukunft-gestalten-b13-in-2026)