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-Bilder

Eigenständige Bilder mit Bildunterschrift und Ausrichtung. Sie laufen durch die TYPO3-Bildverarbeitung und bekommen ein responsives srcset.

Inline-Bilder

Bilder, die im Textfluss mitlaufen — Icons, Logos und kleine Illustrationen mitten im Absatz.

Klick zum Vergrößern

Lightbox-Popup über data-htmlarea-zoom. Ein Klick auf das Bild öffnet die volle Auflösung.

Live-Demos

Block-Bild

Ein eigenständiges Bild, im CKEditor eingefügt und mit responsivem srcset ausgegeben:

Teamfoto (Demo)

Inline-Bild im Text

Text kann Inline-Bilder enthalten, etwa dieses Inline-Logo Logo, das ganz normal im Absatz mitläuft.

Für Integratoren: Diese Seite im TYPO3-Backend öffnen — dann zeigt sich die Bild-Schaltfläche in der CKEditor-Toolbar. Alle Bilder oben stecken im Rich Text, nicht in einem Bild-Inhaltselement.

Klick zum Vergrößern (Lightbox) — Live-Demo

Ein Klick auf das Bild unten öffnet das Zoom-Popup. Weil dies ein normales Text-Element ist, läuft sein Rich Text durch lib.parseFunc_RTE — und erst dadurch macht rte_ckeditor_image aus dem data-htmlarea-zoom-Bild einen Link zum Vergrößern:

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