HTML in Überschriften zulassen

  • 4.4
  • 4.9
  • 4.12

So kannst du in den Contao Inhaltselementen bei den Überschriften HTML-Tags zulassen.

Beim Klick auf das Vorschaubild werden Daten von YouTube geladen und dein IP übertragen. (Datenschutzhinweise)
HTML-Tags in Überschriften zulassen

Wenn du bei Contao im Feld der Überschrift HTML-Tags wie z. B. einen span nutzen möchtest, dann funktioniert das in der Standard-Einstellung nicht. Contao entfernt die Tags beim Speichern immer wieder automatisch.

Um das Verhalten zu ändern, musst du je nach Contao-Version folgende Konfiguration anpassen.

Anpassungen ab Contao 4.9

Unter Contao 4 kannst du zwar immer noch die dcaconfig.php nutzen, diese wird allerdings spätestens mit Contao 5 nicht mehr unterstützt. Es ist deswegen ratsam folgende Konfigurationsdateien zu verwenden:

Datei: /contao/dca/tl_content.php

<?php

/* HTML in Überschriften */
$GLOBALS['TL_DCA']['tl_content']['fields']['headline']['eval']['allowHtml'] = true;

Datei: /contao/dca/tl_news.php

<?php

/* HTML in News Überschriften bzw. Titel erlauben */
$GLOBALS['TL_DCA']['tl_news']['fields']['headline']['eval']['preserveTags'] = true;

Sollten die entsprechenden Dateien und Unterverzeichnisse nicht vorhanden sein, musst du diese ebenfalls anlegen.

Anpassungen für Contao 4.4

Datei: /app/Resources/contao/dca/tl_content.php

<?php

/* HTML in Überschriften */
$GLOBALS['TL_DCA']['tl_content']['fields']['headline']['eval']['allowHtml'] = true;

Datei: /app/Resources/contao/dca/tl_news.php

<?php

/* HTML in News Überschriften bzw. Titel erlauben */
$GLOBALS['TL_DCA']['tl_news']['fields']['headline']['eval']['preserveTags'] = true;

Sollten die entsprechenden Dateien und Unterverzeichnisse nicht vorhanden sein, musst du diese ebenfalls anlegen.

Anpassungen für Contao 3

Dazu bearbeitest du die Datei system/config/dcaconfig.php und fügst die folgenden Zeilen ein:

/* HTML in Überschriften */
$GLOBALS['TL_DCA']['tl_content']['fields']['headline']['eval']['allowHtml'] = true;

/* HTML in News Überschriften */
$GLOBALS['TL_DCA']['tl_news']['fields']['headline']['eval']['preserveTags'] = true;

Anwendungs-Cache leeren

Contao Manager: Anwendungs-Cache erneuern

Damit die neue Konfiguration in Contao aktiv wird, musst du jetzt per Contao Manager den Anwendungs-Cache neu aufbauen. (Systemwartung > Prod.-Cache erneuern)

Hier findest du weitere Infos zur Migration der Konfigurationsdateien dcaconfig und langconfig.

Ab sofort kannst du in den Überschriften auch HTML-Tags verwenden.

Hat dir dieser Artikel gefallen?

Willst du in Zukunft keinen Artikel verpassen?
Dann trage hier deine E-Mailadresse ein und klicke auf "Abonnieren". Du erhältst regelmäßig aktuelle Infos über Contao und die Contao-Academy.

Wir geben deine Daten niemals an Dritte weiter. Du kannst deine E-Mail-Adresse jederzeit mit nur einem Mausklick aus unserem System löschen. Der Newsletter Versand sowie die individuelle Messung, Speicherung und Auswertung von Öffnungsraten und der Klickraten in Empfängerprofilen erfolgen durch KlickTipp. Ausführliche Hinweise erhältst du in unserer Datenschutzerklärung.

Über den Autor
Christian Feneberg (Gründer Fenepedia)

Christian Feneberg ist der Gründer der Contao-Academy und erstellt seit 2010 Websites mit Contao. Außerdem ist er im Team von trakked.io. und regelmäßig auf YouTube in der Contao Show zu sehen. Neben Contao begeistert er sich für Online-Marketing, Unternehmertum und Persönlichkeitsentwicklung.

Folge Christian jetzt auf Twitter, Xing und LinkedIn.

5 Kommentare

Andrey |

Hello Christian,
How to do it in Contao 4.4?

Christian Feneberg Antwort von Christian Feneberg

Hi Andrey,

you could use this feature in Contao 4.4 as in Contao 3.5.

  1. Create a new file dcaconfig.php in the folder system/config
  2. Add <?php to the first line
  3. Insert the mentioned code
  4. Save the file
  5. Clear Contao 4 Cache with the Contao Manager

 

 

Markus |

Für einfache Umbrüche in den Überschriften, reicht oft auch der Contao TAG {{br}}. Dieser fügt einen Zeilenumbruch an der Stelle ein. Andere TAGs müssen wie von Christian beschrieben über die Anpassung des DCA erfolgen.

Fredi Gut |

Hallo Christian
das funktioniert super! Ich benötige nun die gleiche Funkion in der Navigation. Ein kleiner Textteil soll durchgestrichen sein. Ist sowas auch möglich?
Danke im Voraus für die Hilfe

Christian Feneberg Antwort von Christian Feneberg

Hallo Fredi,

du kannst einen Eintrag in die dcaconfig.php setzen, dann kannst du im Seitennamen auch HTML-Tags verwenden und z.B. ein 'span' einfügen.

$GLOBALS['TL_DCA']['tl_page']['fields']['title']['eval']['preserveTags'] = true;

Marcus |

In Contao 4 ist es wohl zukunftssicherer/ Best Practice eine Datei pro tl-Bereich in app/Resources/contao/dca zu erstellen und dort den Code reinzuschreiben.

Also z.B. für alles, was mit $GLOBALS['TL_DCA']['tl_page'] beginnt, dort eine Datei tl_pape.php anzulegen und dort dann z.B.

$GLOBALS['TL_DCA']['tl_page']['fields']['title']['eval']['preserveTags'] = true;
einzutragen.

Antwort von Maren Lange

Ja, da hast Du Recht. Danke für Deine Anmerkung.

Allerdings funktioniert der bisherige Weg in Contao 4 nach wie vor.

Da der "neue Weg" doch etwas mehr Erklärung Bedarf, werden wir dazu einen Extra-Blogbeitrag verfassen.

Dinko |

Hi, wie erreiche ich das bei "Events"? Einfach tl_events einzusetzen hat nichts gebracht.
C 4.9.1, Cache gelöscht mit ./vendor/bin/contao-console cache:clear
dcaconfig.php:

/* HTML in Überschriften */
$GLOBALS['TL_DCA']['tl_content']['fields']['headline']['eval']['allowHtml'] = true;
$GLOBALS['TL_DCA']['tl_events']['fields']['headline']['eval']['allowHtml'] = true;

/* HTML in News Überschriften */
$GLOBALS['TL_DCA']['tl_news']['fields']['headline']['eval']['preserveTags'] = true;
$GLOBALS['TL_DCA']['tl_events']['fields']['headline']['eval']['preserveTags'] = true;

Christian Feneberg Antwort von Christian Feneberg

Hallo Dinko,

probiere es mal mit tl_calendar_events

Viele Grüße
Christian

Einen Kommentar schreiben

Bitte addieren Sie 3 und 2.