← Blog

Edit images right inside the TYPO3 backend

Crop, rotate, apply filters: the extension EXT:image_editor brings the open-source Filerobot Image Editor into the TYPO3 backend file list. Image editing without download and re-upload.


A recurring little chore in everyday editing: an image needs a quick crop or rotation before it goes on the page. In standard TYPO3 this means a detour through an external program: download the file, edit it, upload it again, replace the old version.

The new extension EXT:image_editor shortens that path. It embeds the open-source Filerobot Image Editor into the TYPO3 backend file list. Editors open the editor directly on the image and save the result back to FAL.

What the editor can do

Editing is split into tool groups:

  • adjust for cropping, rotating and flipping
  • finetune for brightness, contrast and saturation
  • filters for predefined image filters
  • annotate for text, shapes and markup
  • resize for changing the pixel dimensions

Which of these groups are visible can be configured per backend user or group. If editors should only be allowed to crop, the remaining tabs are simply hidden.

Configuration via UserTsConfig

All settings run through UserTsConfig and therefore apply per user or group. The editor is active by default and can be disabled when needed:

options.imageEditor.enable = 0

The offered tool groups are set with tabs:

options.imageEditor.tabs = adjust,finetune,filters,annotate,resize

Custom aspect ratios for cropping can be stored as presets, optionally with their own label:

options.imageEditor.cropPresets = 21:9, 5:4, Cinemascope=21:9, Story=9:16

Installation

composer require georgringer/image-editor

The extension is also available in the TER and supports TYPO3 13 LTS as well as 14 LTS. Source code and further details are on GitHub.