ConvertBase.app online tools

HTML Werkzeuge

HTML escapen

Wandle reservierte HTML-Zeichen in Entities um, damit sich Text sicher in Markup, Vorlagen und Codeausschnitte einfügen lässt.

Gut geeignet fuer: Codebeispiel als Text anzeigen, Benutzertext für HTML-Ausgabe vorbereiten

Schnelle Antwort

Wandle reservierte HTML-Zeichen in Entities um, damit du das Ergebnis in Markup, Vorlagen oder Codebeispielen einfügen kannst, ohne die Seite zu beschädigen.

Ueberblick

Beim HTML-Escaping werden Zeichen mit besonderer Bedeutung in HTML in ihre Entity-Form umgewandelt, zum Beispiel < zu &lt; und & zu &amp;. Dadurch zeigt der Browser den Text wörtlich an, statt ihn als Tags oder Attribute zu lesen. Das ist sinnvoll, wenn Inhalte spitze Klammern, Ampersands, Anführungszeichen oder Apostrophe enthalten und als reiner Text erhalten bleiben sollen. Auch beim Einfügen roher Ausschnitte in Dokumentation, Vorlagen oder HTML-Dateien verhindert das, dass versehentliches Markup die Struktur verändert.

Anwendungsfaelle

  • Codebeispiel als Text anzeigenHTML oder Template-Snippets in Doku anzeigen, ohne dass der Browser daraus echte Elemente macht.
  • Benutzertext für HTML-Ausgabe vorbereitenNamen, Kommentare oder Antworten so einfügen, dass Sonderzeichen sichtbar als Text bleiben.
  • Sichere Vorlagenfragmente erstellenAusschnitte mit Klammern und Ampersands speichern, ohne bei späterem Einfügen unbeabsichtigtes Markup auszulösen.
  • Technische Hinweise mit Symbolen veröffentlichenVergleiche, Operatoren und Zitate in Wissensdatenbanken lesbar halten.

So funktioniert es

  1. 1

    Text eingeben oder einfügen, der escaped werden soll.

  2. 2

    Das Tool wandelt reservierte Zeichen wie <, >, &, ", und ' in HTML-Entities um.

  3. 3

    Ergebnis kopieren und dort einsetzen, wo der Text in HTML wörtlich erscheinen soll.

Beispiele

Einfaches Tag escapen

Eingabe: <p>Tom & Jerry</p>

Ausgabe: &lt;p&gt;Tom &amp; Jerry&lt;/p&gt;

Spitze Klammern und Ampersand werden zu Entities und erscheinen dadurch nur als Text.

Text mit Anführungszeichen

Eingabe: Sie schrieb: "Nutze die 'sichere' Version."

Ausgabe: Sie schrieb: &quot;Nutze die &#39;sichere&#39; Version.&quot;

Anführungszeichen und Apostrophe werden für eine sicherere Einbettung in HTML escaped.

Vergleich mit Operatoren

Eingabe: if (a < b && b > 10)

Ausgabe: if (a &lt; b &amp;&amp; b &gt; 10)

Vergleichszeichen und Ampersands bleiben lesbarer Text statt HTML-Markup.

FAQ

Welche Zeichen werden beim HTML-Escaping typischerweise ersetzt?

Meist <, >, &, doppelte Anführungszeichen und Apostrophe. Das sind die Zeichen, die HTML leicht als Syntax statt als Text versteht.

Verändert Escaping den Inhalt meines Textes?

Der sichtbare Inhalt bleibt gleich, aber die Verarbeitung durch den Browser ändert sich. &lt; wird zum Beispiel als < angezeigt und bleibt im Quelltext sicher.

Warum sollte ich Anführungszeichen escapen, wenn ich keine Attribute nutze?

Weil derselbe Text später doch in Attribute oder Vorlagen wandern kann. Frühzeitiges Escaping reduziert Fehler bei wiederverwendeten Inhalten.

Kann ich HTML mehrmals escapen?

Ja, aber doppeltes Escaping erzeugt sichtbare Entities wie &amp;lt;. Wenn der Output doppelt kodiert wirkt, wurde er zu oft escaped.

Was ist der häufigste Fehler bei diesem Tool?

Escaped Text wird oft mit echtem HTML verwechselt. Das Ergebnis mit Entities ist zum Anzeigen gedacht, nicht zum Erzeugen von Elementen oder Attributen.