HTML Entity Encoder

HTML Entitäten Encoder

HTML-Entitäten online kodieren — Sonderzeichen wie <, >, & und " sofort im Browser escapen. Keine Installation nötig.

Aktualisiert April 2026

Geprüft von Rafael Duarte

Shift + Enter zum Kopieren · Shift + ← → für Tabs
Kodierungsmodus:
Text zum Kodieren
0 Zeichen
HTML-Entitäten Ausgabe
Geschwindigkeit
—
Datenschutz
Nur Lokal
Größe
0 KB

So funktioniert's

Drei Schritte, ein passender Modus für jeden Fall

1. Text einfügen

Tippe den Text ein oder füge ihn per Copy & Paste in das Eingabefeld ein.

2. Modus wählen

Essenziell (`& < > " '`), Benannte Entities oder Numerisch — je nachdem, wofür du das Ergebnis brauchst.

3. Ergebnis kopieren

Der kodierte Text erscheint sofort — mit Kopieren oder Shift+Enter landet er direkt in der Zwischenablage.

Was dieses Tool kann

Drei Kodierungsmodi

Modus Essenziell

Kodiert nur & < > " ' — das Minimum gegen XSS und der empfohlene Modus für die meisten Anwendungsfälle.

Benannte Entities

Deckt Umlaute, Sonderzeichen, Währungssymbole, Pfeile, griechische Buchstaben und mathematische Symbole mit ihrem offiziellen HTML5-Namen ab.

Numerisch (`&#…;`)

Wandelt jedes Nicht-ASCII-Zeichen in eine dezimale Referenz um — maximale Kompatibilität mit älteren Parsern.

100 % im Browser

Es wird kein Text an einen Server geschickt — die gesamte Verarbeitung läuft lokal per JavaScript.

Tastaturkürzel

Shift+Enter kopiert das Ergebnis sofort, Shift+← / Shift+→ wechseln ohne Mausklick zwischen Kodieren und Dekodieren.

Integrierter Dekodierer

Ein Klick auf "Tauschen" schickt den kodierten Text direkt zum HTML-Entity-Dekodierer — ohne manuelles Kopieren.

Beispiele

Eingabe
Kodierte Ausgabe (Essenziell)
<div>
&lt;div&gt;
Tom & Jerry
Tom &amp; Jerry
"Hallo"
&quot;Hallo&quot;
Straße 10€
Straße 10€ (unverändert — nur kritisches ASCII wird escaped)
Straße (Modus Numerisch)
Stra&#223;e

Wann du das brauchst

Die häufigsten Szenarien unter den Leuten, die dieses Tool nutzen

XSS verhindern

Bevor Nutzereingaben ins HTML gerendert werden, immer kodieren — <script> soll als reiner Text erscheinen, nie ausgeführt werden.

Codebeispiele in Dokumentationen

Zeige rohe HTML-Tags als lesbaren Text innerhalb eines <pre>-Blocks an.

E-Mail-Vorlagen

Kodierte Sonderzeichen vermeiden Darstellungsfehler in Gmail, Outlook und Apple Mail.

Content-Eingabe im CMS

Stellt sicher, dass Sonderzeichen den Zyklus Datenbank → Browser unbeschadet überstehen.

API-Antworten prüfen

Kontrolliere, ob die Encode-Logik deines Backends die erwartete Ausgabe liefert.

Welchen Modus wählen? Hier ansetzen

Verwechslung mit URL-Encoding

HTML-Encoding nutzt Entities (< → &lt;), URL-Encoding nutzt Prozent-Kodierung (< → %3C) — zwei völlig unterschiedliche Kontexte.

Zu viel kodieren

Moderne UTF-8-Seiten brauchen für Umlaute keine Benannten Entities oder Numerisch — der Modus Essenziell reicht in den meisten Fällen völlig aus.

Sich nur aufs Framework verlassen

React, Svelte und Vue escapen bei normalen Bindings automatisch — manuelles Kodieren braucht man erst bei innerHTML/dangerouslySetInnerHTML.

Bereits kodierten Text erneut kodieren

Wird der Encoder auf einen String angewendet, der schon &lt; oder &amp; enthält, wird das & erneut umgewandelt und es entsteht &amp;lt; — auf der Seite erscheint dann falscher Text statt des ursprünglichen Tags. Vor dem Kodieren immer prüfen, ob der Inhalt noch roh ist.

Annehmen, `&apos;` sei überall gültig

&apos; wurde erst mit HTML5/XHTML standardisiert — striktes HTML4 kennt diese benannte Entity nicht. Deshalb nutzt der Modus Essenziell für das einfache Anführungszeichen die numerische Referenz &#39;, die mit jeder HTML-Version funktioniert.

Warum hier kodieren

Die gesamte Verarbeitung läuft im Browser per JavaScript — kein Text wird an einen Server gesendet, gespeichert oder protokolliert.

Drei Modi decken alles ab, vom Sicherheitsminimum (Essenziell) bis zur maximalen Kompatibilität mit alten Parsern (Numerisch) — ohne dass du dir merken musst, welche benannte Entity zu welchem Zeichen gehört.

Ein einziges nicht escapetes Zeichen kann das Layout einer Seite zerschießen, eine XSS-Lücke öffnen oder dafür sorgen, dass eine E-Mail-Vorlage in Outlook oder Gmail falsch dargestellt wird — ein häufiges Problem, wenn Inhalte aus Nutzereingaben stammen oder unbereinigt aus einem anderen System eingefügt wurden.

Häufig gestellte Fragen

HTML-Encoding ersetzt Zeichen durch Entities (< → &lt;) zur sicheren Anzeige in Dokumenten. URL-Encoding nutzt Prozent-Kodierung (< → %3C) für die Übertragung in URLs. Nutze HTML-Encoding, wenn du Inhalte in HTML einfügst.

Weiterführende Links

Verwandte Tools