README

TYPO3 extension xima_typo3_frontend_edit

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

Important

Delineation and classification: This is not a further development of the "original" extension frontend_editing. It is similar in some ways to the realisation of the feedit extension. This extension is an independent implementation with a different approach. See the Delineation page in the documentation for a detailed comparison with related extensions like visual_editor and content_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.

Note

Why? TYPO3 editors often need to switch between the frontend and the backend to find and edit the right content element. This extension eliminates that context switch by providing editing actions directly where the content is displayed — making the editorial workflow faster and more intuitive.

✨ Features

• Content Element Editing
  • Edit Menu - Quick access to edit, hide, delete, and move content elements
  • Delete Confirmation - Confirmation dialog before deleting records (new in v2.3)
  • Inline Editing (experimental) - Edit content directly in the frontend
• Page Toolbar
  • Toolbar - Page-level actions and toggle for frontend editing
  • Dark/Light Mode - Automatic or manual color scheme selection
  • Configurable Position - 12 toolbar positions available
• Configuration
  • Site Settings - Per-site configuration via YAML
  • UserTSconfig - Disable frontend editing per user or user group
• Developer
  • PSR-14 Events - Customize menus with custom actions
  • ViewHelpers - Data attributes for related records, empty column buttons for new content (new in v2.3)

Note

New in v2.3.0 — Inline Editing (experimental)

Edit content elements directly in the frontend without navigating to the backend. Enable via Site Settings: frontendEdit.enableContextualEditing: true

• TYPO3 v13: Opens a slide-in iframe modal (thanks to Violetta Digital Craft for developing this feature)
• TYPO3 v14.2+: Uses the native contextual editing sidebar (introduced in v2.2.0)

Documentation

🔥 Installation

Requirements

• TYPO3 >= 13.4
• PHP 8.2+

Supports

Composer

composer require xima/xima-typo3-frontend-edit

TER

Download the zip file from TYPO3 extension repository (TER).

📙 Documentation

Please have a look at the official extension documentation.

Note

Facing trouble or issues? You may find help in the following sections:

• How it works
• Migration
• FAQ

🧑‍💻 Contributing

Please take a look at Contributing.

💎 Credits

Thanks to move:elevator and XIMA for supporting the development of this extension.

⭐ License

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