Introduction 

What does it do? 

This extension adds editing tools to the frontend, allowing backend users to edit, hide, delete, and reorder content elements and pages without leaving the site.

Frontend Edit Preview

The extension injects a small JavaScript into the frontend that generates action links to the TYPO3 backend, bridging the gap between frontend preview and backend editing.

Features 

  • Edit Menu - Quick access to edit, hide, delete, and move content elements
  • Toolbar - Page-level actions and toggle for frontend editing
  • Site Settings - Per-site configuration via YAML
  • PSR-14 Events - Customize menus with custom actions
  • Data ViewHelper - Add edit links for related records (e.g., news items)
  • Dark/Light Mode - Automatic or manual color scheme selection
  • Configurable Position - 12 toolbar positions available
  • Save & Close - Quick return to frontend after editing
  • Inline Editing (experimental) - Edit content directly in the frontend without navigating to the backend (TYPO3 v13: iframe modal, TYPO3 v14.2+: contextual sidebar)

New in version 2.2.0

Contextual Editing Sidebar — An experimental feature that allows editors to edit content elements and page properties in a sidebar panel directly in the frontend. Leverages TYPO3 v14.2's record_edit_contextual route. See Contextual Editing for details.

Contextual editing sidebar

New in version 2.3.0

Iframe Modal Editor — An experimental slide-in iframe modal that brings inline editing to TYPO3 v13. Opens the backend edit form in a panel directly in the frontend — no configuration required. See Contextual Editing for details.

Support 

There are several ways to get support for this extension:

License 

This extension is licensed under GNU General Public License 2.0 (or later).