18.6 CSS- und JavaScript-Dateien einbinden
Problem
Sie möchten über Ihr Frontend-Plugin CSS- oder JavaScript-Dateien oder ganze Bibliotheken im <head>-Bereich Ihrer Webseiten einbinden, sodass die Dateien für die Darstellung der Webseiten genutzt werden können. Die Dateien sollen aus Performancegründen nur dann eingebunden werden, wenn das Plugin auf der Webseite eingebunden ist.
Lösung
Weisen Sie in Ihrem Frontend-Plugin über die beiden Eigenschaften des PAGE-Objekts $GLOBALS['TSFE']->additionalCSS[] beziehungsweise $GLOBALS['TSFE']->additionalJavaScript[] die gewünschten Dateien oder auch Code zu.
Eine solche Zuweisung definieren Sie nach diesem Muster:
$jsDatei = 'Dateipfad';
$GLOBALS['TSFE']->additionalJavaScript[] = $jsDatei;Die Zuweisung für ...
Get TYPO3 Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
