3.3| ViewHelper: cObject – Typoscript Objekte im Template anzeigen

In diesem Beitrag nehmen wir den ViewHelper cObject näher unter die Lupe. Dieser ViewHelper dient dazu, Typoscript Objekte im Frontend bzw. im Template anzuzeigen.

Wir üben das Ganze an einem Beispiel.
Wir erstellen uns im Backend von Typo3 6 unter „Template -> Default Root Template -> Setup“ ein neues Textobjekt in Typoscript.

Dazu geben wir in den „t3editor“ folgendes ein:

meinText = TEXT
meinText.value = Hallo Welt

Wir haben hiermit ein Textobjekt erstellt, welches den Namen „meinText“ hat mit dem Inhalt „Hallo Welt“.

Nun gehen wir in eine von unseren Template HTML Dateien und fügen folgenden ViewHelper ein.

<f:cObject typoscriptObjectPath="meinText" />

Der ViewHelper cObject gibt an dieser Stelle die Variable „meinText“ aus unserem Typoscript aus. Die auszugebende Variable wird durch den Parameter „typoscriptObjectPath“ angegeben. Dieser muss durch den Namen der Variable ersetzt werden.
Aber das ist nicht alles was der ViewHelper cObject kann.

Man kann Text auch kombinieren, bzw. nur eine „Hülle“ oder „Wrapper“ in Typoscript erstellen und Variablen, sich ändernden Text im Template einfügen.

Dafür ändern wir unsere Variable „meinText“ im „Default Root Template“. Wir fügen folgenden Typoscript Baustein ein:

meinText = TEXT
meinText {
wrap="<p>Hier steht Text: <strong>|</strong></p>
current = 1
}

Die Variable „meinText“ ist nun nur eine Art Hülle für einen weiteren Textbaustein. Dies veranlasst der Parameter „wrap“ der soviel wie „umhüllen“ heißt. Der Parameter „current“ sagt, ob der Text aus dem Backend in das „|“ Symbol eingesetzt werden soll (1) oder nicht (0 bzw. nichts).

Der PIPE „|“ wird durch den Text in den Template Dateien ersetzt. Dazu folgendes Beispiel: Wir fügen folgenden Code an die gewünschte Stelle in eine HTML Tenplate Datei ein.

<f:cObject typoscriptObjectPath="meinText"
data="Dies ist der Text aus dem Template" />

Auch hier wird durch „typoscriptObjectPath“ die anzuzeigende Variable bestimmt. Hier kommt aber noch der „data“ Parameter hinzu. Dieser enthält den Text, der in die Variable eingebunden werden soll.
Die Ausgabe des cObjects sieht dann so aus:

Hier steht der Text: Dies ist der Text aus dem Template

Dazu gibt es natürlich auch noch eine andere Schreibweise, ohne den „data“ Parameter.
Die alternative Schreibweise sieht folgendermaßen aus:

<f:cObject typoscriptObjectPath="meinText">
    Das ist der Text aus dem Template
</f:cObject>

Typo3 CMS 6.1 FLUID Template programmieren:

• 4.11| Typo3 CMS 6 Backend auf deutsch umsetellen
• 4.10| Logo mit Link zur Startseite einfügen – Typo3 Fluid
• 4.9| Ein Kontaktformular in Typo3 anlegen – Typo3 Fluid
• 4.8| News System für Typo3 – tx_news einrichten
• 4.7| RealUrl – Suchmaschinenfreundliche Links für Typo3 – SEO
• 4.6| Eine erweiterte Suchfunktion auf MySQL Basis für Typo3
• 4.5| Typo3 Updaten – Wie Update ich Typo3 richtig?
• 4.4| Inhaltsblöcke vererben – Typo3 Template mit FLUID
• 4.3| Objekt: TEXT – Textblöcke in Typoscript Typo3 FLUID
• 4.2| Menüs, Untermenüs und Navigation erstellen – Typo3 Fluid
• 4.1| Rechte, Linke Spalte und Rand ausgeben – Mehrspaltiges Layout
• 3.7| ViewHelper: Inline Notation – If Abfragen in einer Zeile – Typo3 Fluid
• 3.6| ViewHelper: Comment – Kommentieren von Code
• 3.5| ViewHelper: if – If Abfragen im Tempalte
• 3.4| ViewHelper: Hyperlinks – Externe und Interne Links einbauen
• 3.3| ViewHelper: cObject – Typoscript Objekte im Template anzeigen
• 3.2| ViewHelper: Format – Daten für das Frontend aufbereiten
• 3.1| ViewHelper: Image – Bilder einfügen
• 2.1| Layouts, Templates und Partials – Typo3 FLUID Template
• 2.0| Der Einstieg in FLUID
• 1.2| FLUID Template aufteilen – Struktur erstellen
• 1.1| TypoScript Basics – Typo3 Template mit FLUID programmieren