Kostenloses HTML Escape / Unescape Tool - Entitäten Encoder Decoder
631 NutzungenHTML-Entitäten Referenztabelle
| Zeichen | Entitätsname | Entitätsnummer | Beschreibung |
|---|---|---|---|
| < | < | < | Kleiner als, Tag-Öffnung |
| > | > | > | Größer als, Tag-Schließung |
| & | & | & | Und-Zeichen, Entitäts-Start |
| " | " | " | Doppeltes Anführungszeichen |
| ' | ' | ' | Einfaches Anführungszeichen |
|   | Geschütztes Leerzeichen | |
| © | © | © | Copyright-Symbol |
| ® | ® | ® | Eingetragene Marke |
HTML Escaping Leitfaden
Was ist HTML Escaping?
HTML Escaping wandelt Sonderzeichen wie < > & in Entitätscodes um und verhindert, dass Browser sie als HTML-Markup interpretieren.
XSS-Schutz
Das Escapen von Benutzereingaben ist entscheidend zur Verhinderung von Cross-Site-Scripting (XSS) Angriffen.
Code-Beispiele anzeigen
Um HTML-Quellcode auf einer Webseite zu zeigen, müssen die Tags escaped werden, damit sie als Text angezeigt werden.
Datensicherheit
Escapen Sie nutzergenerierte Inhalte vor der HTML-Ausgabe. Moderne Frameworks wie React und Vue tun dies automatisch.
Entitätsformate
HTML-Entitäten gibt es als benannte (<) und numerische (<) Form. Beide erzeugen das gleiche Ergebnis.
Pflicht-Escape-Zeichen
Fünf Zeichen müssen in HTML immer escaped werden: < > & " ' — sie haben spezielle Bedeutung in HTML.
Häufig gestellte Fragen
Schützt HTML-Escaping vor allen XSS-Angriffen?
Allein nicht. Escaping behandelt den Ausgabekontext, aber XSS kann auch durch JavaScript-Ausführung, CSS-Injection oder attributbasierte Angriffe entstehen. Sie brauchen zusätzlich korrekte Content-Security-Policy-Header und Eingabevalidierung. Betrachten Sie Escaping als eine Schicht, nicht als Allheilmittel. Kombinieren Sie es mit einer CSP, die Inline-Skripte blockiert.
Kann ich nur die spitzen Klammern escapen und andere Zeichen unberührt lassen?
Unser Tool erlaubt kein selektives Escapen, und das hat einen guten Grund. Lückenhaftes Escapen hinterlässt Angriffsflächen. Stellen Sie sich vor, Sie escapen < und >, aber nicht &. Ein Nutzer, der <script> eingibt, könnte trotzdem ein Tag erzeugen, wenn Ihre Datenbank doppelt kodiert. Führen Sie lieber einmal eine vollständige Escaping-Runde durch und vertrauen Sie dann der Ausgabe. So vermeiden Sie fiese Randfälle.
Was passiert, wenn ich bereits escaptes HTML in das Escape-Feld einfüge?
Das Tool escapt es noch einmal und macht aus `&` dann `&amp;`. Das wollen Sie meistens nicht. Prüfen Sie immer, ob Ihre Eingabe aus rohen HTML-Zeichen und nicht aus Entitäten besteht. Kleben Sie im Zweifel eine kleine Probe rein und werfen Sie einen Blick auf die Ausgabe. Dieser Fehler passiert besonders häufig beim Kopieren aus CMS-Systemen.
Warum zeigt mein Browser rohe HTML-Tags an, wenn ich Text per <code>innerHTML</code> einfüge?
Sie übergeben wahrscheinlich rohe <code><</code>- und <code>></code>-Zeichen über JavaScript. Bei <code>innerHTML</code> interpretiert der Browser diese als Code, nicht als Text. Escapen Sie Ihren String zuerst – das wandelt <code><</code> in <code><</code> und <code>></code> in <code>></code> um. Erst dann weisen Sie den escaped Wert <code>innerHTML</code> zu. So zwingen Sie den Browser, Tags als Text darzustellen. Überspringen Sie das, sehen Sie kaputte Layouts oder ein XSS-Loch.
Muss ich HTML innerhalb eines <textarea>-Elements escapen?
Ja, unbedingt. Viele glauben, Textareas seien sicher, weil sie Text anders darstellen. Der Browser parst HTML trotzdem darin. Stecken Sie rohe < und > hinein, zerstören Sie die Seite oder schaffen eine XSS-Lücke. Escapen Sie immer Benutzerinhalte vor der Einfügung. Unser Tool wandelt in Sekunden < in < und > in > um, selbst bei tausend Zeilen.
Sollte ich HTML vor oder nach dem Speichern von Benutzereingaben in meiner Datenbank escapen?
Speichere die Rohdaten und escape erst bei der Ausgabe. Diese Regel schützt dich vor doppelt kodierten Inhalten. Wenn du vor dem Speichern escapst, musst du später für die Bearbeitung wieder dekodieren und dann erneut escapen — drei Stellen, an denen Fehler entstehen können. Halte die Datenbank sauber und schicke alles direkt vor der Browserausgabe durch dieses Tool. So vermeidest du den Fall, wo aus & ein &amp; wird und Nutzer kaputten Text sehen. Eine Ausnahme: bei statischen Websites kannst du getrost beim Build escapen.
Was ist der Unterschied zwischen HTML-Escaping und URL-Encoding?
Beide lösen völlig unterschiedliche Probleme. HTML-Escaping wandelt Zeichen wie < und > in Entitäten (<, >) um, damit Browser sie als Text rendern statt als Markup. URL-Encoding verwandelt Zeichen in prozentkodierte Werte (%3C, %3E) für den sicheren Transport in Query-Strings und Pfaden. Wer sie verwechselt, erzeugt subtile Fehler. Baust du einen Link mit Nutzereingaben, kodiere die Parameter per URL. Zeigst du dieselbe Eingabe auf einer Seite an, escape sie per HTML. Zwei getrennte Schritte, zwei getrennte Werkzeuge – dieses hier macht nur HTML. Ein schneller Test: Steht in einer URL %26 statt &, ist das Encoding, nicht Escaping. Nutze jeweils das Richtige, dann sparst du dir stundenlanges Debugging.
Verhunzt HTML-Escaping die Formatierung meiner Code-Beispiele in der Doku?
Nur wenn du die falsche Ebene escapest. Pack dein Snippet zuerst in <code>- oder <pre>-Tags und escape dann den Inhalt darin. So wird aus <div class="box"> die Zeichenfolge <div class="box"> und erscheint als sichtbarer Text statt als echtes div. Bei einem 200-Zeilen-Beispiel per Hand hörst du nach zehn Minuten auf. Füg den ganzen Block ins Tool ein, kopier die Ausgabe — Einrückung und Zeilenumbrüche bleiben erhalten.
Werden meine vorhandenen Code-Kommentare beim Dekodieren von HTML-Entitäten beschädigt?
Nein, das Dekodieren lässt Standard-Kommentare völlig unberührt, es sei denn, sie enthalten kodierte Zeichen wie < oder >. Füge deinen Text in das Feld ein und der Decoder verarbeitet alles in weniger als 0,1 Sekunden. Du erhältst sofort sauberen Code zurück.
Kann ich dieses Tool nutzen, um Web-Scraping-Daten in Python zu bereinigen?
Data Engineers setzen unser Tool ein, um rohe Web-Scraping-Strings vor dem Speichern zu bereinigen. Du kannst bis zu 50.000 Zeichen mit HTML-Entities einfügen und sie sofort in lesbaren Text umwandeln. Python-Skripte stoßen bei SQL-Inserts oft auf störende `&`- oder `'`-Zeichen. Ein schneller Durchlauf durch den Decoder verhindert fehlerhafte Datensätze in deinen Tabellen. Bereinige die Rohdaten am besten direkt vor dem Import.
Anleitung
- HTML oder Text in das Eingabefeld eingeben
- Escapen klicken, um Sonderzeichen in Entitäten umzuwandeln
- Unescapen klicken, um Entitäten zurück in Zeichen umzuwandeln
- HTML-Vorschau zeigt, wie die Ausgabe im Browser gerendert wird
- Alle Verarbeitung erfolgt lokal im Browser