xima-typo3-frontend-edit

KO | EN

gitlite — search

#javascript #typescript #llm #machine-learning #rust #deep-learning #linux #java #cli #kubernetes #awesome-list #mcp #openai #open-source

xima-typo3-frontend-edit

(★ 16)

✏️ TYPO3 extension which provides an edit menu for editors within the frontend regarding content elements and pages.

xima-typo3-frontend-edit 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Extension icon](https://raw.githubusercontent.com/xima-media/xima-typo3-frontend-edit/main/Resources/Public/Icons/Extension.png)

# TYPO3 extension `xima_typo3_frontend_edit`

[![Latest Stable Version](https://typo3-badges.dev/badge/xima_typo3_frontend_edit/version/shields.svg)](https://extensions.typo3.org/extension/xima_typo3_frontend_edit)
![TYPO3](https://img.shields.io/badge/TYPO3-13.4%20%7C%2014.3-orange.svg)
[![Supported PHP Versions](https://img.shields.io/packagist/dependency-v/xima/xima-typo3-frontend-edit/php?logo=php)](https://packagist.org/packages/xima/xima-typo3-frontend-edit)
[![Coverage](https://img.shields.io/coverallsCoverage/github/xima-media/xima-typo3-frontend-edit?logo=coveralls)](https://coveralls.io/github/xima-media/xima-typo3-frontend-edit)
[![CGL](https://img.shields.io/github/actions/workflow/status/xima-media/xima-typo3-frontend-edit/cgl.yml?label=cgl&logo=github)](https://github.com/xima-media/xima-typo3-frontend-edit/actions/workflows/cgl.yml)
[![Tests](https://img.shields.io/github/actions/workflow/status/xima-media/xima-typo3-frontend-edit/tests.yml?label=tests&logo=github)](https://github.com/xima-media/xima-typo3-frontend-edit/actions/workflows/tests.yml)
[![License](https://poser.pugx.org/xima/xima-typo3-frontend-edit/license)](https://raw.githubusercontent.com/xima-media/xima-typo3-frontend-edit/main/LICENSE.md)

Edit, hide, delete, reorder and create TYPO3 content, without leaving the frontend.

</div>

It adds an edit button to every content element, a page-level toolbar, and optional inline editing and drag & drop, all rendered directly on top of the live frontend.

![Frontend Edit](https://raw.githubusercontent.com/xima-media/xima-typo3-frontend-edit/main/Documentation/Images/screenshot.png)

> [!NOTE]
> **Why?** TYPO3 editors constantly switch between frontend and backend just to find the right content element. This extension removes that context switch: the editing actions appear exactly where the content is displayed.

## ✨ Features

- [Edit Menu](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Usage/EditMenu.html): edit, hide, delete, move, info and history per content element, with a confirmation dialog before deleting
- [Toolbar](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Usage/Toolbar.html): page-level actions and a toggle to switch frontend editing on and off
- [Inline Editing](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Usage/InlineEditing.html) (experimental, opt-in): edit content and page properties in a panel next to the page, sidebar on TYPO3 v14.2+, slide-in modal on v13
- [New content](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Integration/ColumnTargets.html): insert buttons on hover and per column, opening TYPO3's native New Content Element Wizard
- [Drag & Drop](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Usage/DragAndDrop.html) (experimental, opt-in): reorder elements within a column or move them into another column, incl. `EXT:container`
- [Site Settings](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Configuration/SiteSettings.html): per-site configuration via YAML, appearance, toolbar position, and filters for pages, doktypes, CTypes and UIDs
- [UserTSconfig](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Configuration/UserTSconfig.html): disable frontend editing per backend user or user group
- [PSR-14 Events](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/DeveloperCorner/Events.html) & [ViewHelpers](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/DeveloperCorner/DataAttributes.html): add custom menu entries, attach data to elements, add edit links for related records

## 🔥 Installation

### Requirements

* TYPO3 >= 13.4
* PHP 8.2+

See [Setup requirements & limits](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Configuration/SetupRequirementsAndLimits.html) for multi-domain setups, external caches (Varnish/CDN), the content element anchor pattern requirement (and the headless/SPA non-goal), and preview links.

### Supports

| **Version** | **TYPO3** | **PHP** |
|-------------|-----------|---------|
| 2.x         | 13-14     | 8.2-8.5 |
| 1.x         | 11-13     | 8.1-8.5 |

### Composer

[![Packagist](https://img.shields.io/packagist/v/xima/xima-typo3-frontend-edit?label=version&logo=packagist)](https://packagist.org/packages/xima/xima-typo3-frontend-edit)
[![Packagist Downloads](https://img.shields.io/packagist/dt/xima/xima-typo3-frontend-edit?color=brightgreen)](https://packagist.org/packages/xima/xima-typo3-frontend-edit)

``` bash
composer require xima/xima-typo3-frontend-edit
```

### TER

[![TER version](https://typo3-badges.dev/badge/xima_typo3_frontend_edit/version/shields.svg)](https://extensions.typo3.org/extension/xima_typo3_frontend_edit)
[![TER downloads](https://typo3-badges.dev/badge/xima_typo3_frontend_edit/downloads/shields.svg)](https://extensions.typo3.org/extension/xima_typo3_frontend_edit)

Download the zip file from [TYPO3 extension repository (TER)](https://extensions.typo3.org/extension/xima_typo3_frontend_edit).

> [!TIP]
> Nothing showing up? Custom templates need to expose a content element ID (`id="c123"`). The [FAQ](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/FAQ/Index.html) walks through the six usual causes.

## 📙 Documentation

![Frontend Edit screencast](https://raw.githubusercontent.com/xima-media/xima-typo3-frontend-edit/main/Documentation/Images/intro.gif)

[**Read the full documentation**](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Index.html): installation, all configuration options, usage guide and developer reference.

- [First steps](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Usage/FirstSteps.html): a short tour for editors
- [Integration](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Integration/Index.html): what your site package has to provide
- [Keyboard](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Usage/Keyboard.html): operating it without a mouse
- [How it works](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/DeveloperCorner/Architecture.html): what gets injected and why
- [FAQ](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/FAQ/Index.html): troubleshooting
- [Migration](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Migration/Index.html): upgrading from 1.x to 2.x
- [Comparison](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Delineation/Index.html): how it differs from similar extensions

> [!IMPORTANT]
> This is **not** a further development of [frontend_editing](https://extensions.typo3.org/extension/frontend_editing). It is an independent implementation with a different approach, closer in spirit to [feedit](https://extensions.typo3.org/extension/feedit). See the [comparison](https://docs.typo3.org/p/xima/xima-typo3-frontend-edit/main/en-us/Delineation/Index.html) for details.

## 🧑‍💻 Contributing

Please take a look at [Contributing](CONTRIBUTING.md).

## 💎 Credits

Thanks to [move:elevator](https://www.move-elevator.de/) and [XIMA](https://www.xima.de/) for supporting the development of this extension, and to [Violetta Digital Craft](https://www.violetta.ch/) for supporting the inline editing feature.

## ⭐ License

This project is licensed under [GNU General Public License 2.0 (or later)](LICENSE.md).

xima-typo3-frontend-edit

xima-typo3-frontend-edit 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

xima-typo3-frontend-edit

xima-typo3-frontend-edit 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README