Kostenloser HTML-Entity-Encoder
Kodiere Sonderzeichen in HTML-Entities und umgekehrt. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Aktualisiert am
HTML Entity Encoder/Decoder
Encode special characters to HTML entities or decode entities back. Supports named, numeric, and hex entities with auto-detection, bulk processing, and live preview.
Encoding Options
Input
Output
HTML Entity Reference
| Char | Named | Decimal | Hex | Description | Actions |
|---|---|---|---|---|---|
| & | & | & | & | Ampersand | |
| < | < | < | < | Less than | |
| > | > | > | > | Greater than | |
| " | " | " | " | Double quote | |
| ' | — | ' | ' | Single quote / Apostrophe | |
| |   |   | Non-breaking space | ||
| © | © | © | © | Copyright | |
| ® | ® | ® | ® | Registered trademark | |
| ™ | ™ | ™ | ™ | Trademark | |
| € | € | € | € | Euro sign | |
| £ | £ | £ | £ | Pound sign | |
| ¥ | ¥ | ¥ | ¥ | Yen sign | |
| ¢ | ¢ | ¢ | ¢ | Cent sign | |
| ¤ | ¤ | ¤ | ¤ | Currency sign | |
| ° | ° | ° | ° | Degree sign | |
| ± | ± | ± | ± | Plus-minus | |
| × | × | × | × | Multiplication | |
| ÷ | ÷ | ÷ | ÷ | Division | |
| ≠ | ≠ | ≠ | ≠ | Not equal | |
| ≤ | ≤ | ≤ | ≤ | Less than or equal | |
| ≥ | ≥ | ≥ | ≥ | Greater than or equal | |
| ¼ | ¼ | ¼ | ¼ | One quarter | |
| ½ | ½ | ½ | ½ | One half | |
| ¾ | ¾ | ¾ | ¾ | Three quarters | |
| √ | √ | √ | √ | Square root | |
| ∞ | ∞ | ∞ | ∞ | Infinity | |
| § | § | § | § | Section sign | |
| ¶ | ¶ | ¶ | ¶ | Paragraph | |
| • | • | • | • | Bullet | |
| … | … | … | … | Horizontal ellipsis | |
| – | – | – | – | En dash | |
| — | — | — | — | Em dash | |
| ‘ | ‘ | ‘ | ‘ | Left single quote | |
| ’ | ’ | ’ | ’ | Right single quote | |
| “ | “ | “ | “ | Left double quote | |
| ” | ” | ” | ” | Right double quote | |
| « | « | « | « | Left guillemet | |
| » | » | » | » | Right guillemet | |
| ← | ← | ← | ← | Left arrow | |
| → | → | → | → | Right arrow | |
| ↑ | ↑ | ↑ | ↑ | Up arrow | |
| ↓ | ↓ | ↓ | ↓ | Down arrow | |
| ↔ | ↔ | ↔ | ↔ | Left-right arrow | |
| ↵ | ↵ | ↵ | ↵ | Carriage return | |
| ♠ | ♠ | ♠ | ♠ | Black spade | |
| ♣ | ♣ | ♣ | ♣ | Black club | |
| ♥ | ♥ | ♥ | ♥ | Black heart | |
| ♦ | ♦ | ♦ | ♦ | Black diamond | |
| À | À | À | À | A with grave | |
| Á | Á | Á | Á | A with acute |
Showing 50 of 58 entities
About HTML Entity Encoder
HTML entities are special codes used to represent characters that have special meaning in HTML or characters that cannot be typed on a keyboard. Conversion happens in real-time as you type.
Entity Formats:
- Named: Uses readable names like
&,<,© - Decimal: Uses Unicode code points like
&,< - Hex: Uses hexadecimal code points like
&,<
Selective Encoding Modes:
- Special Only: Encodes only HTML-significant chars (& < > " ')
- Non-ASCII: Also encodes characters with code points above 127
- All Symbols: Encodes all non-alphanumeric characters
- Custom: Specify exactly which additional characters to encode
Features:
- Auto-detection of encode/decode mode from pasted content
- Bulk processing for multiple strings (one per line)
- Live HTML preview showing rendered output
- Operation history saved to localStorage
- Code snippets in HTML, JavaScript, PHP, and Python
Privacy First: All encoding/decoding happens locally in your browser. No data is sent to any server.
Related Tools
Häufig gestellte Fragen
Was ist der HTML Entity Encoder?
Der HTML Entity Encoder ist ein kostenloses Online-Tool, das Sonderzeichen in ihre entsprechenden HTML-Entities umwandelt und Entities wieder in Zeichen decodiert.
Ist der HTML Entity Encoder kostenlos?
Ja, er ist völlig kostenlos und erfordert keine Registrierung. Die gesamte Codierung erfolgt clientseitig in deinem Browser.
Warum benötige ich HTML-Entities?
HTML-Entities verhindern, dass Sonderzeichen wie <, > und & als HTML-Code interpretiert werden, und stellen sicher, dass sie auf Webseiten korrekt angezeigt werden.
Sind meine Daten mit diesem Tool sicher?
Absolut. Der HTML Entity Encoder verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.
Funktioniert der HTML Entity Encoder auf Mobilgeräten?
Ja, der HTML Entity Encoder ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser verwenden, ohne App-Download.
Muss ich ein Konto erstellen, um dieses Tool zu nutzen?
Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den HTML Entity Encoder in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.
Wie verwende ich den HTML Entity Encoder?
Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach deinen Wünschen an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.
Welche Browser werden unterstützt?
Der HTML Entity Encoder funktioniert in allen modernen Browsern, einschließlich Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.
Was ist der Unterschied zwischen benannten, dezimalen und hexadezimalen HTML-Entities?
Alle drei sind unterschiedliche Schreibweisen für dasselbe Zeichen, und Browser stellen sie identisch dar. Eine benannte Entity verwendet ein lesbares Schlüsselwort, wie & für das Kaufmanns-Und oder © für das Copyright-Zeichen. Eine dezimale (numerische) Entity nutzt den Unicode-Code-Point des Zeichens im Zehnersystem, sodass aus dem Kaufmanns-Und & wird. Eine hexadezimale Entity verwendet denselben Code Point im Sechzehnersystem, geschrieben als &. Benannte Entities sind am leichtesten zu lesen und zu pflegen, aber nur für eine begrenzte Zeichenmenge existiert ein Name; dezimale und hexadezimale Entities funktionieren für jedes Zeichen, was sie sicherer für ungewöhnliche Symbole macht. Dieser Encoder lässt Sie mit einem Klick zwischen allen drei Formaten wechseln, und wenn ein Zeichen keine benannte Entity hat, weicht er automatisch auf einen numerischen Code aus, damit Ihre Ausgabe gültig bleibt.
Welche Zeichen müssen als HTML-Entities maskiert werden?
Fünf Zeichen tragen in HTML eine besondere Bedeutung und sollten maskiert werden, damit der Browser sie als Text und nicht als Markup behandelt: das Kaufmanns-Und (&), das Kleiner-als-Zeichen (<), das Größer-als-Zeichen (>), das doppelte Anführungszeichen (") sowie das einfache Anführungszeichen bzw. der Apostroph ('). Beim manuellen Encoding muss das Kaufmanns-Und zuerst kommen, da es jede Entity selbst einleitet. Das Maskieren dieser Zeichen ist besonders wichtig, wenn Sie von Nutzern eingegebene oder dynamische Inhalte in eine Seite einfügen: Ein nicht maskiertes < kann verfrüht ein Tag öffnen, ein verirrtes & kann einen URL-Parameter zerstören, und nicht maskierte Anführungszeichen können aus einem Attributwert ausbrechen. Der „Special Only“-Modus des Encoders zielt genau auf diese Zeichenmenge ab und lässt den Rest Ihres Texts unangetastet, sodass die Ausgabe lesbar bleibt. Fügen Sie Ihr Markup ein und wählen Sie diesen Modus, um nur das zu maskieren, was HTML tatsächlich erfordert.
Wie decodiere ich HTML-Entities zurück in normalen Text?
Beim Decodieren werden Entity-Codes zurück in die Zeichen umgewandelt, die sie repräsentieren, sodass <div> wieder zu <div> oder &copy; wieder zum Copyright-Zeichen wird. Schalten Sie das Tool in den Decode-Modus, oder fügen Sie einfach entity-haltigen Text ein — die Richtung wird automatisch erkannt, sobald Muster wie &name; oder  auftauchen. Der Decoder erkennt alle drei Formate in einem einzigen Durchgang: benannte Entities wie —, dezimale Entities wie — und hexadezimale Entities wie —, selbst wenn sie im selben Block gemischt vorkommen. Das ist nützlich, um rohes HTML aus einer API zu lesen, Daten aus einem CMS-Export zu bereinigen oder zu prüfen, was ein codierter String tatsächlich aussagt. Fügen Sie Ihren codierten Text ein, und das lesbare Ergebnis erscheint sofort im Feld daneben, bereit zum Kopieren.
Wann sollte ich Non-ASCII-Zeichen wie akzentuierte Buchstaben und Währungssymbole encodieren?
Moderne, als UTF-8 deklarierte Seiten können Zeichen wie é, das Euro-Zeichen oder Gedankenstriche direkt darstellen, sodass das Maskieren jedes akzentuierten Buchstabens meist unnötig ist. Das Encodieren von Non-ASCII-Zeichen lohnt sich, wenn Sie sich der Zeichenkodierung des Ziels nicht sicher sein können, etwa bei älteren E-Mail-Vorlagen, Systemen, die UTF-8 möglicherweise beschädigen oder entfernen, oder Dateien, die für den Transport strikt ASCII-sicher bleiben müssen. Die Umwandlung dieser Zeichen in Entities macht die Ausgabe unabhängig davon portabel, wie das empfangende System mit Bytes oberhalb von Code Point 127 umgeht. Der „Non-ASCII“-Modus dieses Tools encodiert die erforderlichen HTML-Zeichen sowie alles oberhalb von 127, während „All Symbols“ noch weiter geht und jedes nicht-alphanumerische Zeichen maskiert. Für volle Kontrolle lässt Sie der „Custom“-Modus genau festlegen, welche zusätzlichen Zeichen maskiert werden sollen. Wählen Sie den Modus, der zu Ihrer Zielumgebung passt, und kopieren Sie anschließend das portable Ergebnis.
Warum wird mein Text nach dem Encodieren zu HTML-Entities größer?
Ein einzelnes Zeichen kann sich beim Umwandeln in eine Entity auf mehrere Zeichen ausdehnen. Das Kleiner-als-Zeichen ist ein Byte lang, wird aber zu <, also vier Zeichen, und ein als Dezimal-Entity codiertes Copyright-Zeichen wie © benötigt fünf Zeichen. Je mehr Sonderzeichen oder Non-ASCII-Zeichen Ihr Text enthält, desto stärker wächst die codierte Ausgabe — stark symbolhaltiger oder akzentuierter Inhalt zeigt daher den größten Zuwachs, während reiner alphanumerischer Text sich kaum verändert. Das ist normal und zu erwarten: Encoding tauscht ein wenig Größe gegen garantiert korrekte, sichere Darstellung. Benannte Entities sind oft kürzer als ihre numerischen Entsprechungen, sodass die Wahl des benannten Formats die Ausgabe kompakter halten kann, wenn ein Name existiert. Das Statistik-Panel hier zeigt die Eingabe- und Ausgabegröße in Bytes sowie die exakte prozentuale Veränderung, sodass Sie die Kosten jedes Formats und selektiven Modus sehen, bevor Sie kopieren.
Embed This Tool
Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.
<iframe src="https://getthetoolbox.com/embed/html-entity-encoder" title="Free HTML Entity Encoder — The Toolbox" width="100%" height="260" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/code-tools/html-entity-encoder?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free HTML Entity Encoder</a> by The Toolbox</p>Verwandte Tools
Kostenloser CSS-Minifier online
Minifizieren Sie CSS-Code, um die Dateigröße zu verringern und die Ladegeschwindigkeit zu verbessern. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Kostenloser JavaScript-Minifier
Minifizieren Sie JavaScript-Code, um die Dateigröße zu verringern und die Leistung zu verbessern. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Kostenloser HTML-Minifier online
Minimiere HTML-Code, um Seitengröße und Ladezeit zu reduzieren. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Kostenloser SQL-Formatierer & Verschönerer
Formatiere und verschönere SQL-Abfragen für bessere Lesbarkeit. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Über den HTML Entity Encoder
Der HTML Entity Encoder ist ein kostenloses Online-Tool, das Sonderzeichen in ihre HTML-Entity-Entsprechungen umwandelt und Entities auch wieder in Klartext zurückverwandelt. Fügen Sie Markup oder Text in das Eingabefeld ein, und das Ergebnis erscheint sofort im Feld daneben. Entwickelt wurde es für Frontend-Entwickler, technische Redakteure, E-Mail- und CMS-Redakteure sowie alle, die sicherstellen müssen, dass Zeichen wie <, >, & und " auf einer Webseite als reiner Text angezeigt werden, statt als Code interpretiert zu werden.
Alles läuft lokal in Ihrem Browser. Ihre Eingabe wird niemals an einen Server hochgeladen und bleibt damit auch dann privat, wenn Sie produktives Markup, Kundendaten oder eine unveröffentlichte Vorlage einfügen. Es gibt keine Registrierung, kein Zeichenlimit und nichts zu installieren. Das Tool speichert sogar einen kurzen Verlauf der letzten Umwandlungen im lokalen Speicher Ihres Browsers, damit Sie frühere Konvertierungen erneut laden können — und auch dieser Verlauf verlässt niemals Ihr Gerät.
Was eine HTML-Entity ist und warum das Encoding wichtig ist
Eine HTML-Entity ist ein Code, der stellvertretend für ein Zeichen steht, das der Browser sonst besonders behandeln würde. Die fünf Zeichen, die in HTML zwingend maskiert werden müssen, sind das Kaufmanns-Und (&), das Kleiner-als-Zeichen (<), das Größer-als-Zeichen (>), das doppelte Anführungszeichen (") und das einfache Anführungszeichen ('). Ohne Encoding kann ein verirrtes < verfrüht ein Tag öffnen, ein nicht maskiertes & einen URL-Parameter zerstören, und von Nutzern eingegebenes <script> kann zu einer Cross-Site-Scripting-Lücke werden. Encoding macht diese Zeichen unschädlich, sodass sie exakt so angezeigt werden, wie sie eingegeben wurden.
Entities erlauben es außerdem, Symbole darzustellen, die schwer zu tippen sind oder je nach Schriftart und Tastaturlayout variieren — das Copyright-Zeichen, Gedankenstriche, akzentuierte lateinische Buchstaben, Währungssymbole wie Euro und Pfund sowie mathematische Zeichen wie Plus-Minus oder „ungleich“. Der Encoder liefert eine durchsuchbare Referenz mit mehr als 50 gängigen Zeichen aus den Bereichen Interpunktion, Symbole, Währung, Mathematik, Pfeile und akzentuierte lateinische Buchstaben; Sie können nach Kategorie filtern oder nach Zeichen, Name oder Code Point suchen und jede Entity direkt kopieren oder einfügen.
Encoding-Formate und selektive Modi
Der Encoder erzeugt drei austauschbare Entity-Formate, die Browser allesamt identisch darstellen:
- Named (benannt) — lesbare Namen wie
&,<und©. Existiert für ein Zeichen keine benannte Entity, weicht das Tool automatisch auf einen numerischen Code aus. - Decimal (numerisch) — der Unicode-Code-Point im Zehnersystem, zum Beispiel
&für das Kaufmanns-Und. - Hexadecimal — derselbe Code Point im Sechzehnersystem, zum Beispiel
&.
Sie bestimmen außerdem, welche Zeichen encodiert werden. „Special Only“ betrifft nur die HTML-relevante Zeichenmenge; „Non-ASCII“ encodiert zusätzlich jedes Zeichen oberhalb von Code Point 127, praktisch, um garantiert ASCII-sichere Ausgaben zu erhalten; „All Symbols“ encodiert jedes nicht-alphanumerische Zeichen; und „Custom“ lässt Sie genau festlegen, welche zusätzlichen Zeichen maskiert werden sollen. Der Decoder funktioniert umgekehrt und erkennt benannte, dezimale und hexadezimale Entities in einem einzigen Durchgang automatisch.
Anwendung
Wählen Sie Encode oder Decode — oder fügen Sie einfach Ihren Text ein, denn das Tool erkennt automatisch die benötigte Richtung, sobald es Entity-Muster in Ihrer Eingabe erkennt. Wählen Sie ein Format und einen selektiven Modus, und die Ausgabe aktualisiert sich in Echtzeit. Ein Statistik-Panel zeigt die Eingabe- und Ausgabegröße in Bytes, die prozentuale Größenänderung durch das Encoding sowie eine Aufschlüsselung, wie viele benannte, dezimale und hexadezimale Entities erzeugt wurden. Von dort aus können Sie das Ergebnis kopieren, als .txt- oder .html-Datei herunterladen, Eingabe und Ausgabe zum Hin-und-Zurück-Konvertieren vertauschen oder die Live-Vorschau öffnen, um den rohen encodierten Quelltext mit der tatsächlichen Darstellung im Browser zu vergleichen.
Für repetitive Aufgaben verarbeitet der Bulk-Modus mehrere Zeichenketten gleichzeitig, eine pro Zeile; Sie können statt Einfügen auch eine .txt- oder .html-Datei hochladen, und der integrierte Code-Snippets-Tab zeigt entsprechende Encode- und Decode-Logik in HTML, JavaScript, PHP und Python, damit Sie dieselbe Operation direkt in Ihre eigene Codebasis übernehmen können.