TinyMCE: Nur bestimmte Formatierungen und HTML-Tags zulassen

Mit der Angabe von "valid_elements" kannst du genau steuern, welche HTML-Tags erlaubt sind und welche nicht.

Hier ein Beispiel:

tinymce.init({
  selector: "textarea",
  valid_elements: "p,br,b,i,strong,em",
  toolbar: "bold italic"
});

Hier erlauben wir nur Absätze (p), Zeilenumbrüche (br), Fett-Formatierungen (b und strong) sowie kursiv formatierten Text (i und em). Gleichzeitig zeigen wir in der Toolbar auch nur die Buttons für fetten und kursiven Text an.

valid_elements: "p,br,b,i,b/strong,i/em"

Benutzen wir eine Notation wie "b/strong" oder "i/em", können wir die HTML-Tags automatisch umschreiben lassen. In diesem Beispiel wird "strong" in "b" und "em" in "i" geändert.

valid_elements: "p,a[href|target=_blank],div[style]"

Neben einfachen Formatierungen, lässt sich auch angeben, welche Attribute behalten werden dürfen. Interessant ist das zum Beispiel in Bezug auf Links. Hier erlauben wir für a-Tags die Attribute "href" und "target=_blank" sowie das Attribut "style" für divs.

Wichtig: HTML Tags mit TinyMCE zu verbieten, macht die Nutzereingtaben nicht sicher, da es viele Möglichkeiten gibt, TinyMCE zu umgehen und alles was man möchte trotzdem an den Server zu senden. Also sollte man immer den User Input zusätzlich auch serverseitig überprüfen.
Letztes Update am 06.04.2021 | Erstellt am 05.05.2014