---
title: "Visual Editing in TYPO3: Editing Content Directly in Context"
url: "https://b13.com/knowledge/visual-editing-in-typo3-when-content-management-happens-in-context"
description: Discover the Visual Editor by anders und sehr that enables true in-context content editing. Learn how Camino, the new frontend theme, and improved editorial workflows transform TYPO3 content management.
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: Editing Content Directly in Context

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

 Visual Editing in TYPO3: When Content Management Happens in Context
=====================================================================

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

  16 March 2026

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

  ![Hands holding a pencil and a circular token with characters, working on a digital interface displaying text and images.](https://b13.com/fileadmin/_processed_/7/e/csm_VisualEditor_Headerbild_3ee20a9b47.webp)

TYPO3 v14, scheduled for release at the end of April 2026, will bundle an unusually large number of improvements to daily editorial work. Besides many changes, such as a better way of positioning pages in the page tree, a new Context Panel for more convenient maintenance of content elements, and many technical Core preparations, a new frontend theme, **Camino**, is also moving into TYPO3 Core.

  Camino was ideated and designed by Laura and implemented together with David and the Core Mergers. If you would like to delve deeper into the new features of TYPO3 v14, our session from Web Camp Venlo provides a good overview of the most important features.

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

  But as exciting as many of these changes are, one of the most impressive topics related to TYPO3 v14 did not come directly from the Core in Venlo, but from the community environment.

**Matthias Vogel, Technical Lead at anders und sehr**, presented a new way of content management in TYPO3 with the **Visual Editor**. The result is a practical, Core-adjacent extension that provides a first convincing answer to a question that has accompanied many editors for years: Why do we constantly switch between the frontend and backend when editing content?

Especially on pages with many content elements, the typical editorial routine often looks like this:

1. Open the page in the frontend
2. Search for the correct content element
3. Switch back to the backend
4. Find, open, and edit the corresponding element there
5. Save
6. Go back to the frontend and check if everything looks right

This process costs time, interrupts focus, and constantly pulls editors out of the actual context of their work. This is exactly where the Visual Editor comes in.

Via the **“Editor”** module in the new Content area of TYPO3 v14, a page can be displayed directly in the backend exactly as it will appear later in the frontend. Content is edited where it is visible: directly on the content element, with immediate feedback and without the constant switching between different views. The result is a true “**What-you-see-is-what-you-get** -experience“ for editorial work.

We are also very impressed with the consistently holistic focus on **maintaining context**. In the course of the changes for TYPO3 v14, “context” was repeatedly a key term: How do we create a backend that does not pull editors out of their work but keeps them as close to the content as possible? How can interfaces become tidier, more understandable, and more focused?

The Visual Editor provides a very convincing answer to this. Changes happen directly where content becomes relevant. **Content elements can be repositioned via drag-and-drop, new elements can be added, and existing ones can be removed, and changes are visible in real-time without the page having to be reloaded.** This creates a working mode that stays significantly closer to the actual editorial task.

Functionally, the solution is also remarkably advanced: The Visual Editor supports **Workspaces**, offers **Auto-Saving** if desired, can specifically highlight editable elements, supports **Container Elements**, and uses the new **Context Panel** for more complex editing steps—such as when replacing media content.

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

  Especially noteworthy: The extension works directly with the new Camino theme without any additional effort. This is a double win. Anyone who installs TYPO3 v14 immediately gets a modern, cohesive frontend delivered with Camino. And anyone who also uses the Visual Editor raises editorial work to a new level.

This solution finally doesn’t feel like an isolated special path, but like a development that perfectly fits the direction of TYPO3 v14. Technically, the integration into custom themes outside of Camino is kept comparatively lean. Above all, the extension shows how much the preliminary work in the Core is now paying off. It creates a visual editing experience without separating itself from the system with heavy special solutions.

    > This is remarkable—also in view of the development time. In just five months, “anders und sehr” has built an extension here that lifts visual work with content in TYPO3 to a new level. And this provides the basis for hopefully all TYPO3 websites running the Visual Editor soon and for TYPO3 to catch up with younger CMSes.

  Benni Mack, CTO and Co-Founder of b13

  Normally, we tend to present our own solutions here. In this case, however, we were so impressed with the work of our colleague from Stuttgart that we consciously want to highlight it. Contributions such as this one show how much innovative power lies in the TYPO3 community—and how well Open Source thrives on good ideas being shared, tested, and developed further together.

For these reasons we want to say a big thank you to **anders und sehr** for this commitment to Open Source, which was directly adopted into the “FriendsOfTYPO3” cosmos.

  **Are you also as excited about the Visual Editor as we are?**

**Matthias Vogel** welcomes tests, feedback, and other interested parties who would like to help improve the Visual Editor further. The goal is clear: to optimize the solution so it will become strong enough to find its way into TYPO3 Core in the near future.

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

  ###  Written by:

 ![Bild von Florian Keitgen](https://b13.com/fileadmin/_processed_/b/8/csm_florian_fc8286b2b4.webp)

Head of Product Development Florian (aka Flix) drives projects and products forward – precisely, reliably and always with a dash of dry humour.

 Florian “Flix” Keitgen  Head of Product Development

 [ more from Florian “Flix” Keitgen ](https://b13.com/team/florian-keitgen)

  Related Articles
------------------

- ![A rocket labeled "V14" launches into the sky, surrounded by a group of people celebrating with raised arms.](https://b13.com/fileadmin/_processed_/3/d/csm_v14_Celebration_Headerbild_3d4170fdc5.webp)

    ###  Happy Release Day TYPO3 v14: Why This Release Shows the True Strength of Open Source

     21 April 2026 | Florian “Flix” Keitgen

     TYPO3 v14 improves workflows for editors, marketing teams, and developers—and shows how community-driven open source creates real impact.

     [ Read more: Happy Release Day TYPO3 v14: Why This Release Shows the True Strength of Open Source ](https://b13.com/knowledge/happy-release-day-typo3-v14-why-this-release-shows-the-true-strength-of-open-source)
- ![Hands holding puzzle pieces with QR codes surround a large QR code under a magnifying glass, suggesting a collaborative activity.](https://b13.com/fileadmin/_processed_/3/b/csm_QRcodeManagement2_Headerbild_85c3ff55b5.webp)

    ###  QR Codes in TYPO3 v14: Built-in Link Management That Just Works for Editors

     17 April 2026 | David Steeb

     TYPO3 v14 adds QR code generation to Link Management. Create codes before URLs are final, track scans via redirect stats, update targets anytime, and avoid third-party tools. Ideal…

     [ Read more: QR Codes in TYPO3 v14: Built-in Link Management That Just Works for Editors ](https://b13.com/qr-codes-in-typo3-v14-built-in-link-management-that-just-works-for-editors)
- ![Two wizards in purple robes with long white beards, facing each other against a starry background.](https://b13.com/fileadmin/_processed_/2/a/csm_PageWizard_Headerbild_54137c8b34.webp)

    ###  Creating Pages the Right Way—With the New TYPO3 V14 Page Creation Wizard

     16 April 2026 | Florian “Flix” Keitgen

     The new TYPO3 v14 Page Creation Wizard improves page creation with guided steps, required field validation, and a more consistent workflow.

     [ Read more: Creating Pages the Right Way—With the New TYPO3 V14 Page Creation Wizard ](https://b13.com/knowledge/creating-pages-the-right-way-with-the-new-typo3-v14-page-creation-wizard)
- ![Retro microphone illustration with a shopping cart icon in the background, symbolizing e-commerce or online shopping.](https://b13.com/fileadmin/_processed_/f/8/csm_Marketplace_Headerbild_ee1575614c.webp)

    ###  Why TYPO3 Needs a Marketplace for Products

     25 March 2026 | Florian “Flix” Keitgen

     A marketplace would make TYPO3 products more discoverable, easier to compare, and benefit both agencies and clients alike.

     [ Read more: Why TYPO3 Needs a Marketplace for Products ](https://b13.com/knowledge/why-typo3-needs-a-marketplace-for-products)
- ![Multiple hands hold QR codes while one hand uses a magnifying glass to examine a larger QR code in the center.](https://b13.com/fileadmin/_processed_/0/1/csm_QRcodeManagement_Headerbild_5d9ec54194.webp)

    ###  Why we built QR codes into TYPO3: Bringing print campaigns under CMS control

     12 February 2026 | Jochen Roth

     QR codes generated outside your CMS break when pages move. TYPO3 v14.1 brings QR code management into the backend. Create, track, and retarget from one place.

     [ Read more: Why we built QR codes into TYPO3: Bringing print campaigns under CMS control ](https://b13.com/knowledge/qr-codes-in-typo3-bringing-print-campaigns-under-cms-control)
- ![A human hand shakes a robotic hand against a purple background with heart patterns, symbolizing collaboration between humans and technology.](https://b13.com/fileadmin/_processed_/6/2/csm_AIbotsLoveMarkdown_Headerbild_72fe5820d6.webp)

    ###  The Internet Is No Longer Just for Humans—AI Bots Love Markdown

     28 January 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.

     [ Read more: The Internet Is No Longer Just for Humans—AI Bots Love Markdown ](https://b13.com/knowledge/the-internet-is-no-longer-just-for-humans-ai-bots-love-markdown)
- ![Several colorful web page mockups stacked together, showcasing different layouts and design elements against a purple background.](https://b13.com/fileadmin/_processed_/e/3/csm_CaminoTheme_Headerbild_d082598009.webp)

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

     27 January 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.

     [ Read more: Camino—The Need for a Default Theme in TYPO3 Is Real ](https://b13.com/core-insights/blog/camino-the-need-for-a-default-theme-in-typo3-is-real)
- ![Two interlocking gears with a disconnected electrical plug and a tag labeled "v13" on a purple background.](https://b13.com/fileadmin/_processed_/0/7/csm_TYPO3v13_Headerbild_14eb602ce4.webp)

    ###  What’s New in TYPO3 v13?

     20 January 2026 | Desirée Lochner

     TYPO3 v13 marks the beginning of a new era of user-friendliness. The version impresses with a modern, fresh, and incredibly high-performance user interface—developed for anyone who…

     [ Read more: What’s New in TYPO3 v13? ](https://b13.com/solutions/typo3/whats-new-in-typo3-v13)
- ![User interface design featuring a dark sidebar with navigation options and a central content area with placeholder text.](https://b13.com/fileadmin/_processed_/6/6/csm_V14BackendUX_Headerbild_6dcecb335f.webp)

    ###  Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation

     12 January 2026 | Laura Heine

     b13 is redesigning TYPO3’s backend for version 14 to feel modern, work faster, maintain user context, and create an expandable foundation that can evolve for years to come.

     [ Read more: Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation ](https://b13.com/knowledge/designing-typo3-14s-backend-our-vision-for-a-modern-expandable-foundation)
- ![Stylized text displaying the year "2026" with a colorful design, set against a light blue background featuring repeated numbers.](https://b13.com/fileadmin/_processed_/1/d/csm_Headerbild_2026_04051f7deb.webp)

    ###  Shaping the Future: b13 in 2026

     11 January 2026 | Florian “Flix” Keitgen

     TYPO3 v14 LTS, community and events: how b13 invests in the new backend, knowledge sharing, junior developers, and practical TYPO3 extensions.

     [ Read more: Shaping the Future: b13 in 2026 ](https://b13.com/knowledge/shaping-the-future-b13-in-2026)