CKEditorTYPO3 v14Open Source

RTE CKEditor Image

Advanced Image Handling for CKEditor 5

Block images, inline images, click-to-enlarge, and linked images — all directly in the TYPO3 rich text editor. No content elements needed.

TER 13.10.2 Documentation GitHub Packagist

Block Images

Standalone images with captions and alignment. Processed as TYPO3 images with responsive srcset.

Inline Images

Images that flow naturally within text — icons, logos, and small illustrations inline with content.

Click-to-Enlarge

Lightbox popup via data-htmlarea-zoom. Click any image to view full resolution.

Live Demos

Block Image

A standalone image inserted via CKEditor — rendered with responsive srcset:

Team photo demo

Inline Image in Text

Text can contain inline images like this inline logo logo that flows naturally within the paragraph.

For integrators: Edit this page in the TYPO3 backend to see the CKEditor image toolbar button in action. All images above are inserted via CKEditor, not the standard image content element.

Click-to-Enlarge (Lightbox) — Live Demo

Click the image below to see the zoom popup. Because this is a regular Text element, its rich text is processed by lib.parseFunc_RTE, so rte_ckeditor_image turns the data-htmlarea-zoom image into a click-to-enlarge link:

Want this in your TYPO3 project?

This instance runs the extension exactly as it ships. We are happy to walk you through it and discuss what it would take in your setup.

Talk to us