HTML-Escaping und Unescaping

Was ist HTML-Escaping?

HTML-Escaping ist der Vorgang, bei dem Zeichen, die in HTML eine besondere Bedeutung haben, durch Zeichenreferenzen ersetzt werden. So wird beispielsweise das Kleiner-als-Zeichen als <, das Größer-als-Zeichen als > und das Und-Zeichen als & dargestellt. Dadurch wird verhindert, dass sie als HTML-Tags interpretiert werden, sodass Quellcode und Eingabezeichenfolgen auf dem Bildschirm genau so angezeigt werden, wie sie sind.

Das Unescaping bewirkt das Gegenteil: Es wandelt Zeichenreferenzen wie < und " wieder in ihre ursprünglichen Symbole um. Dies ist nützlich, um escaped Zeichenfolgen in Protokollen, Vorlagen, CMS-Inhalten, E-Mail-Texten, API-Antworten und vielem mehr zu überprüfen.

Dieses Tool sendet keine Eingabedaten an den Server, sondern führt die Konvertierungen vollständig im Browser mithilfe von JavaScript durch. Selbst bei der Verarbeitung sensibler Texte ist es sicherer als Konvertierungstools, die Netzwerkkommunikation erfordern. Wenn Sie die konvertierten Ergebnisse jedoch in eine Webseite einbetten, stellen Sie bitte sicher, dass entsprechend dem von Ihnen verwendeten Framework und dem Ort, an dem der Inhalt angezeigt wird, geeignete Sicherheitsmaßnahmen getroffen wurden.

Anleitung

1. Fügen Sie den HTML-Code oder die Zeichenreferenzen, die Sie konvertieren möchten, in das Eingabefeld ein.
2. Wählen Sie entweder „HTML-Escape“ oder „HTML-Unescape“.
3. Wenn Sie auf „Konvertieren“ klicken, gelangen Sie automatisch zum Ergebnisbereich.
4. Kopieren Sie gegebenenfalls das Ergebnis oder tauschen Sie Eingabe und Ergebnis aus, um die umgekehrte Umrechnung durchzuführen.

Übersetzungsbeispiel

<div class="message">Tom & Jerry</div>
↓
&lt;div class=&quot;message&quot;&gt;Tom &amp; Jerry&lt;/div&gt;

Hinweise zur Verwendung

• Escaping hilft bei der Erstellung von Zeichenfolgen für die Anzeige, ist jedoch kein Ersatz für den Schutz vor SQL-Injection oder die URL-Kodierung.
• Wenn Sie eine nicht maskierte Zeichenfolge direkt in `innerHTML` oder Ähnliches einfügen, besteht je nach Inhalt das Risiko, dass Skripte ausgeführt werden.
• Dieses Tool konvertiert in erster Linie &, <, >, doppelte Anführungszeichen und einfache Anführungszeichen.

Häufig gestellte Fragen

Was ist HTML-Escaping?

Dazu gehört die Umwandlung von Symbolen, die in HTML eine besondere Bedeutung haben, in Zeichenreferenzen, damit sie sicher als Text auf dem Bildschirm angezeigt werden können.

Was ist HTML-Unescaping?

Bei diesem Vorgang werden Zeichenreferenzen wie < und & wieder in ihre ursprünglichen Zeichen < und & umgewandelt.

Werden die eingegebenen Daten an den Server gesendet?

Nein. Der Konvertierungsprozess wird vollständig per JavaScript im Browser durchgeführt.

Welche Zeichen werden umgewandelt?

Dabei werden in erster Linie das Und-Zeichen, das Kleiner-als-Zeichen, das Größer-als-Zeichen, doppelte Anführungszeichen und einfache Anführungszeichen umgewandelt.

Können HTML-Tags direkt auf dem Bildschirm angezeigt werden?

Ja. Wenn Sie das mit Escape-Zeichen versehen Ergebnis verwenden, wird es nicht als Tag interpretiert und als Zeichenfolge angezeigt.

Kann dies als Maßnahme gegen XSS eingesetzt werden?

Dies ist zwar eine der grundlegenden Maßnahmen zur Darstellung von Zeichenfolgen im HTML-Body-Inhalt, doch müssen für jedes Ausgabeziel – wie beispielsweise Attributwerte, JavaScript und URLs – geeignete Maßnahmen getroffen werden.

Inwiefern unterscheidet sich dies von der URL-Kodierung?

Beim HTML-Escaping werden Sonderzeichen in HTML maskiert, während bei der URL-Kodierung Zeichen, die in URLs nicht verwendet werden dürfen, in eine prozentkodierte Form umgewandelt werden.

Werden Zeilenumbrüche und Leerzeichen ebenfalls umgewandelt?

Standardmäßige Zeilenumbrüche und Leerzeichen bleiben unverändert erhalten. Bitte passen Sie Zeilenumbrüche in der HTML-Darstellung separat mithilfe von CSS, `br`-Tags oder anderen Methoden an.

Was passiert, wenn man es doppelt mit einem Escape-Zeichen versieht?

Beispielsweise wird das Und-Zeichen < erneut in < umgewandelt. Bitte achten Sie darauf, es nicht öfter als nötig umzuwandeln.

Kann ich die Umwandlung rückgängig machen?

Ja. Sie können die Änderung rückgängig machen, indem Sie die Eingabe und das Ergebnis vertauschen und die entgegengesetzte Umrechnungsmethode auswählen.

Können Sie große Textmengen übersetzen?

Die Konvertierung ist im Rahmen der Rechenleistung und des Arbeitsspeichers Ihres Browsers möglich. Bei der Verarbeitung sehr großer Datensätze kann es zu Leistungseinbußen kommen.