TYPO3 v14 kurz angeschaut: Ausgewählte Features aus dem neuen Release

TYPO3 v14 bringt eine lange Liste an Neuerungen. Vom komplett überarbeiteten Backend-Design über neue Core-Module bis hin zu deutlich schlankeren Wegen für TypoScript und Fluid. In diesem Artikel zeige ich ein paar Features, die mir in den vergangenen Tagen besonders positiv aufgefallen sind. Das kratzt nur an der Oberfläche. Unter der Haube hat sich noch sehr viel mehr getan, gerade auch in Fluid und für Entwickler. Aber das würde den Rahmen eines einzelnen Videos und Artikels bei weitem sprengen. Grundlage ist mein Video, in dem ich die Änderungen live im Backend durchgegangen bin.

Wichtig vorab: Die meisten neuen Wege sind der empfohlene Standard, aber größtenteils optional. Bestehende Projekte funktionieren weiterhin. Ein schrittweiser Umstieg ist problemlos möglich.

Neues Backend-Design und Themes

TYPO3 v14 führt ein komplett überarbeitetes Backend-Design ein. Es gibt drei Farbvarianten: Fresh, Modern und Classic. Jeder Backend-Nutzer kann sein bevorzugtes Theme in den User Settings auswählen.

Das mag auf den ersten Blick wie Kosmetik wirken, aber ein zeitgemäßes Backend hinterlässt bei Kunden und Redakteuren einen besseren Eindruck.

Reorganisierte Backend-Module

Mehrere Backend-Module wurden umbenannt und neu organisiert. Aus "Page" wird "Layout", das bisherige "List"-Modul heißt jetzt "Records". Dazu kommen neue Namen wie "Media" für die Dateiverwaltung, "Setup" und "Linkmanagement". Die Struktur orientiert sich stärker an den tatsächlichen Aufgaben der Redakteure.

Für bestehende Projekte ändert sich funktional nichts. Die Module arbeiten wie gewohnt, nur die Bezeichnungen und die Anordnung im Menü sind neu.

QR-Codes und Short URLs direkt im Core

Zwei häufig gewünschte Funktionen sind jetzt ohne Extension verfügbar. Das neue QR-Code-Modul erzeugt QR-Codes für beliebige Seiten direkt im Backend. Das Short-URL-Modul erstellt Kurzlinks, die sich zum Beispiel für Printmaterialien oder Social Media eignen.

Beide Module sind sofort einsatzbereit und ersetzen bisherige Drittanbieter-Lösungen.

Overlay-Editing im Page-Modul

Das Page-Modul (jetzt Layout-Modul) bietet ein neues Overlay-Editing. Statt bei jedem Klick auf ein Content-Element die komplette Bearbeitungsansicht zu laden, öffnet sich ein Overlay direkt im Modul. Das spart Zeit, besonders wenn Redakteure viele kleine Änderungen nacheinander vornehmen.

Rich Text Editor im Form Framework

Das Form Framework unterstützt jetzt einen Rich Text Editor in Formularfeldern und Finishern. Bisher war das nur über Workarounds möglich. Jetzt lassen sich formatierte Texte, etwa für Checkbox-Labels oder E-Mail-Finisher, direkt im Formular-Editor pflegen.

Alle Details dazu: TYPO3 v14: Rich Text Editor im Form Framework.

Synchronisierte Crop Variants

Crop Variants lassen sich in TYPO3 v14 synchronisieren. Wenn du den Bildausschnitt in einer Variante änderst, werden die anderen Varianten automatisch angepasst. Das war bisher nur über die Extension "Sync Crop Areas" von Stefan Frömken möglich. Jetzt ist die Funktion Teil des Core.

Ein gutes Beispiel dafür, wie Community-Arbeit direkt in den Core einfließt.

Passwort-Generator im Backend

TYPO3 v14 bringt einen integrierten Passwort-Generator mit. Backend-Nutzer können sichere Passwörter direkt im System generieren lassen, ohne auf externe Tools zurückgreifen zu müssen.

Automatische Bildkonvertierung

Bilder lassen sich jetzt automatisch in moderne Formate wie WebP konvertieren. TYPO3 übernimmt die Konvertierung beim Verarbeiten der Bilder. Das reduziert die Dateigröße und verbessert die Ladezeit, ohne dass Redakteure aktiv etwas tun müssen oder man zusätzliche Extensions benötigt.

Allowed und Disallowed Content Types

Integratoren können jetzt direkt im Backend Layout festlegen, welche Content-Elemente in einer bestimmten Spalte erlaubt oder verboten sind. Bisher war dafür die Extension "Content Defender" nötig. Auch hier wurde eine bewährte Community-Lösung in den Core übernommen.

Details und Praxisbeispiele: TYPO3 v14: Content-Elemente pro Spalte einschränken.

Minimales TypoScript und neue Fluid ViewHelper

TYPO3 v14 macht TypoScript deutlich schlanker. Mit dem neuen PAGEVIEW-Objekt und dem PageContent DataProcessor lässt sich ein vollständiges Rendering mit wenigen Zeilen TypoScript aufsetzen. Die bisherige PAGE-Konfiguration mit umfangreichen Anweisungen wird dadurch optional.

Dazu kommen neue Fluid ViewHelper wie f:render.contentArea, f:page.meta und f:page.headerData. Sie ermöglichen es, Meta-Tags, Header-Daten und Content-Bereiche direkt im Fluid Template zu steuern, statt den Umweg über TypoScript zu nehmen.

Wer das neue Rendering-Konzept im Detail verstehen will: TYPO3 14: Das neue Rendering-Konzept mit ContentArea und f:render ViewHelpern.

CSS und JS per Fluid einbinden

CSS und JavaScript per Fluid einzubinden ist nicht neu. Das geht schon länger. Aber durch den Wegfall der eingebauten CSS/JS-Komprimierung macht es jetzt noch mehr Sinn, diesen Weg zu nutzen. Denn damit lässt sich TypoScript weiter reduzieren.

Die Komprimierung wurde entfernt, weil sie durch HTTP/2 und moderne Build-Tools überflüssig geworden ist. Wer bisher compressJs oder compressCss genutzt hat, kann diese Einstellungen einfach entfernen.

Der Vorteil: Die Einbindung von Assets steht direkt in der HTML-Datei im Fluid Template, also da, wo sie eigentlich hingehört. Statt den Umweg über TypoScript (page.includeCSS, page.includeJS) zu nehmen, bleibt alles an einem Ort.

Mehr dazu: TYPO3 v14: Asset-Handling wird schlanker.

XLF-Unterstützung in Settings Definitions

Die Settings Definitions unterstützen jetzt vollständig XLF-Dateien. Labels, Descriptions und andere Texte in den Site Settings lassen sich damit sauber übersetzen, ohne auf Workarounds angewiesen zu sein. Eric Harrer hat dieses Feature mit seinem Patch komplettiert: Durch seinen Beitrag lassen sich jetzt auch die Enum-Labels in den Settings Definitions lokalisieren.

Ebenfalls neu: TYPO3 v14 unterstützt neben XLIFF 1.2 jetzt auch XLIFF 2.x. Der Loader erkennt automatisch, welche Version vorliegt. Mehr dazu: TYPO3 v14: Drei weitere Features für deinen Integrator-Alltag.

Wer sich für die Details der neuen Übersetzungsmöglichkeiten interessiert: TYPO3 14.2: Pluralformen in Übersetzungen korrekt lösen mit ICU MessageFormat.

Slide Mode im Backend Layout

Der Slide Mode lässt sich in TYPO3 v14 direkt im Backend Layout konfigurieren. Damit können Content-Elemente auf Unterseiten vererbt werden. Wer zum Beispiel eine Footer-Spalte auf der Startseite pflegt, kann diese Inhalte automatisch auf allen Unterseiten anzeigen lassen. Die Konfiguration steht jetzt dort, wo sie hingehört: direkt in der Backend Layout Definition.

Fazit

Wie gesagt: Das hier ist nur ein kleiner Ausschnitt. TYPO3 v14 bringt unter der Haube noch deutlich mehr mit, gerade in Fluid und für Entwickler. Das würde aber den Rahmen dieses Artikels sprengen.

Was sich aber schon an diesen Features zeigt: Das neue Backend-Design, die reorganisierten Module und Features wie Overlay-Editing machen den Redakteursalltag angenehmer. Für Integratoren wird die Arbeit mit TypoScript und Fluid deutlich schlanker.

Besonders positiv: Bewährte Community-Extensions wie Sync Crop Areas und Content Defender sind jetzt Teil des Core. Das zeigt, dass das TYPO3-Projekt die Bedürfnisse der Praxis ernst nimmt.

Die vollständige Liste aller Änderungen findest du im offiziellen TYPO3 Changelog. Einen umfassenden Überblick über das Release bietet auch der Artikel TYPO3 v14.0 ist da: Frische UI, Fluid 5 und der Startschuss für die modernste TYPO3-Ära.

Weitere Artikel zu einzelnen v14-Features:

• TYPO3 v14: Drei strategische Neuerungen für Integratoren
• TYPO3 v14: Drei weitere Features für deinen Integrator-Alltag
• TYPO3 v14: Drei Fluid 5 Breaking Changes für Integratoren
• TYPO3 14.2: Vier praktische Neuerungen für Integratoren

TYPO3 v14 sicher beherrschen

Mein neuer TYPO3 Komplettkurs ist aktuell in Entwicklung und wird die bisherigen Einzelkurse pro Version ablösen. Trag dich auf die Warteliste ein und erfahre als Erster, wenn es losgeht: Jetzt Platz auf der Warteliste sichern.