iFrame oder Script-Tag in Contao einbinden

Contao verbietet iFrame oder Script-Tag in den Standardeinstellungen

Wenn du versuchst in Contao ein iFrame (z.B. Google Maps) oder Script-Tags einzusetzen, dann funktioniert das nicht. Contao wandelt das < in die entsprechende HTML-Entität &lt; um. Dein Code funktioniert damit nicht.

Um das Problem zu lösen, kannst du die erlaubten HTML-Tags anpassen oder alternativ den entsprechenden Codebereich in eine eigene HTML-Datei schreiben und per Insert-Tag einbinden. Beide Möglichkeiten möchten wir dir kurz vorstellen.

Erlaubte HTML-Tags anpassen

Aus Sicherheitsgründen lässt Contao nur bestimmte HTML-Tags zur Verwendung zu. Die Liste der erlaubten HTML-Tags kannst du nach Bedarf anpassen. Gehe dazu als Administrator im Backend unter System > Einstellungen und suche den Bereich Sicherheitseinstellungen.

Im Feld Erlaubte HTML-Tags sind alle HTML-Tags in alphabetischer Reihenfolge aufgeführt, die du in standardmäßig Contao verwenden kannst.

Füge den benötigten <script> bzw. <iframe> Eintrag hinzu.

Jetzt ist es möglich iFrame oder Script-Tag z.B. in einem HTML-Element zu verwenden.

Verwendung einer eigenen Datei

Alternativ zur Anpassung der erlaubten HTML-Tags kannst du auch eine eigene Datei verwenden und diese per Insert-Tag einbinden.

Lege dazu unter Templates ein neues Template an. In dieses Template kommt dein Code.

Mit dem Insert-Tag {{file::*}} kannst du diese Datei in Contao verwenden. Den * ersetzt du durch den Namen deiner Templatedatei z.B. {{file::deine_datei.html5}}.