Im ersten Teil haben wir uns mit einer prinzipiellen Einführung in TypoScript beschäftigt. Im zweiten Teil der Einführung in TypoScript geht es darum, Inhalte, die ein Redakteur erfasst hat, auf der Webseite darzustellen.

Wenn ein Redakteur auf einer Seite neue Inhalte erstellt, und speichert, so werden diese in der Datenbank (Tabelle tt_content) abgelegt. Unsere Aufgabe ist es nun, diese Inhalte aus der Datenbank wieder auszulesen und mit HTML-Tags aufbereitet wieder darzustellen.

In der TypoScript-Referenz TSRef gibt es eine Klasse, die uns das ermöglicht. Diese Klasse nennt sich “CONTENT“. Nun wäre es möglich, diese Klasse zu benutzen, um die Inhalte aus der Datenbank auszulesen. Es würde uns aber etwas entscheidendes fehlen! Wir müssen den Inhalt nämlich für die Darstellung aufbereiten und mit HTML-Tags anreicher. Füllt der Redakteur das Überschriftsfeld aus, so sollte bei der Ausgabe auch ein <H1> – Tag um die Überschrift herum geschrieben werden.

Um uns viel Arbeit zu ersparen können wir hier auf ein so genanntes “statisches Template” – also vorgefertigtes TypoScript – zurückgreifen.

Wenn wir in unserem Haupt-Template an die Stelle “include static (from Extension)” navigieren, sehen wir rechts “CSS Styles Content (css_styles_content)”. Dieser wählen wir aus. Im Hintergrund steht uns nun viel TypoScript zur Verfügung, dass wir benutzen können.

Schauen wir uns einen Teil dieses TypoScript genauer an:

1 styles.content.get = CONTENT
2 styles.content.get {
3 table = tt_content
4 select.orderBy = sorting
5 select.where = colPos=0
6 select.languageField = sys_language_uid
7 }

In Zeile 1 sehen wir, dass ein Objekt mit dem Namen “styles.content.get” erzeugt wird und die Klasse “CONTENT” zugewiesen wird. Dieses läd aus der Tabelle “tt_content” Inhalte aus der Datenbank.

Wir können nun dieses Objekt bei uns benutzen. Schauen wir uns dazu das Beispiel aus dem ersten Teil nochmal an:

1 meineSeite = PAGE
2 meineSeite.bodyTag = <body>
3 meineSeite.10 = TEXT
4 meineSeite.10.value = Hallo Welt

Dieses Beispiel passen wir nun entsprechend unserer Bedürfnissen an:

1 meineSeite = PAGE
2 meineSeite.bodyTag = <body>
3 meineSeite.10 < styles.content.get

In Zeile drei passiert jetzt folgendes:

Unser Objekt “meineSeite.10″ wird nun gefüllt durch das Objekt “styles.content.get”. Man spricht in diesem Zusammenhang auch davon, dass man TypoScript – Objekte mit Hilfe des Zeichens “<” kopieren kann.

Als Ergebnis erhalten wir nun den Inhalt der Tabelle “tt_content” für die aktuelle Seite. Das statische Template “css_styled_content” sorgt weiterhin dafür, dass der Inhalt mit HTML-Tags angereichert wird.

Im nächsten Teil der Einführung in TypoScript beschäftigen wir uns damit, wie man ein Menü erzeugt und welche Menüarten es in TypoScript gibt.

Popularity: 6%