RTE CKEditor Image - Netresearch TYPO3 Demo

CKEditor TYPO3 v14 Open Source

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.

GitHub TER 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: