Zum Hauptinhalt springen

HTML-Encoder & -Decoder – kostenlos

Kodieren Sie Sonderzeichen in HTML-Entitäten oder dekodieren Sie Entitäten zurück in Klartext. Sofort, in Ihrem Browser.

Funktioniert nach dem Laden offline
Ausgabe:
Beispiele:
Klartext / HTML
Kodiertes HTML
Ausgabe erscheint hier...
Referenz häufiger HTML-Entitäten
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

Häufige Anwendungen

  • Kodieren Sie Inhalte für RSS-FeedsKodieren Sie HTML-Inhalte für RSS-Feed-Elementbeschreibungen — erforderlich durch den RSS-2.0-Standard.
  • Sanitären Sie Benutzereingaben für HTML-AusgabeKodieren Sie von Benutzern bereitgestellte Zeichenfolgen, bevor Sie sie in HTML einfügen — verhindert XSS-Injektionsangriffe.
  • Sonderzeichen für HTML-E-Mail codierenCodieren Sie Zeichen wie &, <, > und © als HTML-Entitäten, damit sie in allen E-Mail-Clients korrekt dargestellt werden.
  • Benutzerinhalte zur Webnanzeige codierenVerhindern Sie XSS-Angriffe, indem Sie nutzergenerierten Inhalt vor dem Rendern auf HTML-Seiten codieren.
  • Inhalte für XML codierenCodieren Sie Sonderzeichen für XML-Dateien, RSS-Feeds, Sitemaps und SOAP-Nutzlasten.

So funktioniert es

HTML-Kodierung und -Dekodierung laufen hier vollständig in Ihrem Browser mit selbst geschriebenen Regex-Ersetzungen und einer fest hinterlegten Tabelle benannter Entitäten – keine Kodierungsbibliothek von Drittanbietern, kein Serverumweg. Zum Dekodieren seltener benannter Entitäten (wie &aacute; oder &ldquo;) greift das Tool kostenlos auf den HTML-Parser des Browsers zurück.

  1. 1
    Regex sucht nach zu ersetzenden Zeichen
    Beim Kodieren läuft einer von zwei Unicode-fähigen Regexes über Ihre Eingabe: ein gezieltes Muster für ~25 gängige HTML-relevante und Sonderzeichen oder ein breiteres Muster, das jeden Codepunkt über U+007F erfasst. Jeder Treffer wird Zeichen für Zeichen abgefangen.
  2. 2
    Nachschlagetabelle oder codePointAt() erzeugt die Entität
    Bei Ausgabe benannter Entitäten werden gefundene Zeichen in einer fest hinterlegten Tabelle nachgeschlagen (z. B. & → &amp;, © → &copy;). Bei dezimaler oder hexadezimaler Ausgabe ermittelt String.codePointAt() den Unicode-Codepunkt und formatiert ihn als &#NNN; oder &#xNNN; – Surrogatpaare werden korrekt behandelt, weil der Regex das Unicode-Flag 'u' verwendet.
  3. 3
    Ein einziger Regex-Durchlauf dekodiert Entitäten zurück in Zeichen
    Beim Dekodieren erkennt ein einziger Regex-Durchlauf alle Entitäts-Tokens (&amp;, &#65;, &#x41; usw.) und leitet jedes an den passenden Handler: hexadezimal mit parseInt(Basis 16), dezimal mit Number(), benannte über Rückwärtssuche, oder – für jede Entität, die nicht in der Tabelle steht – ein textarea-Element, dessen innerHTML der Browser nativ parst und so das richtige Zeichen aus seiner integrierten Entitätentabelle liefert.
  4. 4
    Das Ergebnis erscheint sofort; Kopieren über die Clipboard API
    Die Ausgabe wird bei jedem Tastenanschlag synchron über React useMemo neu berechnet. Das Kopieren nutzt navigator.clipboard.writeText() – die moderne asynchrone Clipboard API – mit stillem Abfangen in eingeschränkten Kontexten.

Ähnliche Tools

Häufige Fragen