Inhalte zu erstellen ist die eine Sache – zu wissen, wie sie später auf der Website aussehen werden, eine ganz andere. Genau hier setzt das Preview-Modul von TYPO3 an. Es erlaubt einen Blick auf die Seite so, wie sie im Frontend erscheint, noch bevor Änderungen veröffentlicht oder für Besucher sichtbar werden.

Für Redakteure ist das eine wertvolle Möglichkeit, die eigene Arbeit zu überprüfen – ohne auf ein zweites Browser-Fenster, manuelle URL-Eingaben oder die Hilfe eines Administrators angewiesen zu sein.

Was das Preview-Modul leistet

Das Preview-Modul zeigt die aktuell im Seitenbaum ausgewählte Seite in einer eingebetteten Frontend-Vorschau direkt im Backend. Die Ansicht entspricht dabei dem tatsächlichen Erscheinungsbild der Seite im Browser – mit dem aktiven Template, den aktuellen Inhalten und der realen Darstellung aller Inhaltselemente.

Was auf den ersten Blick nach einer schlichten Einbettung klingt, ist in der Praxis ein erheblicher Zeitgewinn. Redakteure müssen nicht mehr zwischen Backend und Frontend hin- und herwechseln, um den Effekt einer Textänderung oder einer neu eingefügten Grafik zu beurteilen. Die Vorschau ist immer nur einen Klick entfernt.

Die Vorschau zeigt die Seite so, wie sie ist – nicht so, wie man hofft, dass sie aussehen könnte.

Unveröffentlichte Inhalte sicher prüfen

Ein besonders nützlicher Aspekt des Preview-Moduls ist der Umgang mit noch nicht veröffentlichten Inhalten. In TYPO3 können Inhaltselemente und ganze Seiten den Status „versteckt" oder „deaktiviert" tragen – sie sind im regulären Frontend für Besucher unsichtbar. Das Preview-Modul jedoch zeigt diese Elemente an, sofern der angemeldete Redakteur die entsprechenden Berechtigungen besitzt.

Das bedeutet: Ein Artikel, der erst morgen erscheinen soll, kann heute schon vollständig im Preview-Modul begutachtet werden. Layout, Abstände, Bildgrößen, die Länge von Überschriften – all das lässt sich beurteilen und gegebenenfalls korrigieren, bevor irgendein Besucher die Seite zu Gesicht bekommt.

Verschiedene Geräte im Blick

Moderne Websites müssen auf unterschiedlichen Bildschirmgrößen funktionieren – vom großen Desktop-Monitor bis zum Smartphone. Das Preview-Modul in TYPO3 berücksichtigt das: Über entsprechende Schaltflächen in der Modulleiste lässt sich die Vorschau auf verschiedene Viewport-Größen umschalten. So kann ein Redakteur prüfen, ob ein langer Titel auf dem Mobilgerät noch angemessen umgebrochen wird oder ob ein Bild in der schmalen Ansicht zu viel Platz einnimmt.

Kein Ersatz für den echten Browser

So praktisch das Preview-Modul ist, sollte man sich seiner Grenzen bewusst sein. Die eingebettete Vorschau läuft innerhalb des TYPO3-Backends und kann in bestimmten Fällen leicht von der Darstellung in einem vollständigen Browser-Tab abweichen – etwa wenn JavaScript-Animationen oder externe Skripte eine Rolle spielen. Für eine abschließende Qualitätskontrolle empfiehlt sich daher stets auch ein Blick im echten Browser, idealerweise auf verschiedenen Geräten.

Dennoch gilt: Für die tägliche Redaktionsarbeit ist das Preview-Modul eines der hilfreichsten Werkzeuge im TYPO3-Backend. Es schließt die Lücke zwischen dem abstrakten Bearbeiten von Formularen und dem konkreten Erleben einer fertigen Webseite – und macht Redakteure damit deutlich sicherer in ihrer Arbeit.