Vorschaubilder im Contao-Editor

Wenn man in Contao als Inhaltselement den Standard Text wählt, bietet der mitgelieferte Rich Text Editor TinyMCE eine interessante Funktion: Vorschaubilder einfügen/bearbeiten (). Man kann direkt in den Text Vorschaubilder einfügen, und zwar genau an der Stelle, an der man das Bild eingefügt haben möchte. Das ist der große Vorteil gegenüber der Funktion Ein Bild hinzufügen, die unterhalb des Editorfensters angeboten wird. Das hier eingefügte Bild wird immer am Anfang des Textes eingesetzt.

Der Nachteil der Vorschaubilderfunktion: Es stehen nicht die zusätzlichen Funktionen wie Bildabstand und vor allem Bildausrichtung zur Verfügung. Das muss über eine CSS-Klasse gelöst werden (Webdesigner fragen). Man kann aber entscheiden, ob man nur ein einzelnes Bild als Vorschaubild einfügt oder eine Galerie. Im letzten Fall werden alle hier eingefügten Bilder (d.h., man muss erst alle Bilder einzeln einfügen und bei jedem Galerie anklicken) automatisch in der Großbildansicht zu einer Galerie zusammengefügt. Die Maße, die man eingibt, gelten für die Vorschaubilder, in der Großansicht wird das hochgeladene Bild in voller Größe angezeigt. Diese Maße kann man vor dem Hochladen in den Einstellungen regeln. Dort bei Datei-Uploads einfach die gewünschte maximale Bildbreite und maximale Bildhöhe entsprechend definieren. 

Aber Achtung: Manchmal wundert man sich, dass Bilder beim Hochladen verkleinert werden, dann hat man vergessen, diese Einstellungen zu ändern!

Die Vorschaubildfunktion wird übrigens intern mit insert-tags realisiert.

Und so sieht das Ganze aus,

wenn man will, mitten im Text.