← Zurück zu den Funktionen
Free

HTML-Entity-Kodierer

Der HTML-Entity-Kodierer konvertiert Sonderzeichen (< > & " ') in ihre HTML-Entity-Entsprechungen (&lt; &gt; &amp; &quot; &#39;) und zurück. Unverzichtbar für das sichere Rendern von Benutzerinhalt, das Einbetten von Code in Dokumentationen oder das Verhindern von XSS bei der Anzeige von Benutzereingaben.

Wenn Sie HTML-Tags als Text anzeigen, Code-Snippets in eine Seite einbetten oder vom Benutzer übermittelte Inhalte sicher darstellen müssen, ist die HTML-Entity-Kodierung die Lösung. Dieses Tool bietet eine sofortige bidirektionale Konvertierung. Die Kodierung ersetzt spezielle HTML-Zeichen durch ihre Entity-Entsprechungen, sodass der Browser sie wörtlich anzeigt, anstatt sie als Markup zu interpretieren. Die Dekodierung kehrt diesen Prozess um. Das Tool verarbeitet die fünf Kern-XML-Entities sowie numerische Entity-Referenzen (&#NN; und &#xHH;), sodass Sie mit jedem kodierten Inhalt arbeiten können. Die Echtzeit-Konvertierung bedeutet, dass die Ausgabe bereits während der Eingabe erscheint, und ein Tauschen-Button wechselt Eingabe und Ausgabe für eine schnelle Überprüfung des Ergebnisses.

Live-Vorschau
example.com
HTML-Entity-Encodierer Encodieren Decodieren
Eingabe
<div class="box">Hello & welcome!</div>
Encodierte Ausgabe
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Hauptmerkmale

Sonderzeichen kodieren

Konvertiert < > & " ' in &lt; &gt; &amp; &quot; &#39; – die fünf reservierten HTML-Zeichen, die kodiert werden müssen, um als Text angezeigt zu werden.

Entity-Referenzen dekodieren

Dekodiert sowohl benannte (&amp; &lt; &nbsp;) als auch numerische (&#60; &#x3C;) Entity-Referenzen zurück in ihre ursprünglichen Zeichen.

Ein-Klick-Kopie

Kopieren Sie das kodierte oder dekodierte Ergebnis mit einem einzigen Klick. Fügen Sie die Ausgabe direkt in Ihr HTML, Ihre Dokumentation oder Ihren Quellcode ein.

Echtzeit-Konvertierung

Die Ausgabe aktualisiert sich live während der Eingabe. Kein Klick auf einen Button nötig – sehen Sie sofortige Ergebnisse für schnelle Anpassungen.

Unterstützt numerische Entities

Unterstützt dezimale (&#65;) und hexadezimale (&#x41;) numerische Referenzen sowie benannte Entities wie &amp;nbsp;, &amp;copy;, &amp;trade;.

Ergebnis-Verifizierung

Kodieren und dekodieren Sie das Ergebnis anschließend, um zu bestätigen, dass die Ausgabe mit dem Original übereinstimmt – ein schneller Weg, um sicherzustellen, dass Sie Inhalte sicher verarbeiten.

Häufige Anwendungsfälle

Code in Dokumentationen einbetten

Um HTML-Tags als reinen Text in einer Markdown- oder HTML-Seite anzuzeigen, kodieren Sie die Sonderzeichen – so wird Ihr Code-Beispiel nicht mehr versehentlich als Markup gerendert.

XSS verhindern

Bevor Sie Benutzereingaben auf einer Seite wiedergeben, kodieren Sie HTML-Entities, um <script>-Tags und andere Injektionsvektoren zu neutralisieren.

Fehlerhaftes HTML debuggen

Dekodieren Sie Entity-Referenzen in verdächtigen Ausgaben, um zu sehen, welche Zeichen tatsächlich erzeugt wurden – dies hilft bei der Fehlersuche in Escaping-Bugs.

Inhaltsmigration

Konvertieren Sie HTML mit Entities aus einem System (CMS, E-Mail-Vorlage) in Klartext für ein anderes (Datenbankfeld, reine Text-E-Mail).

Sicherheit für Tooltips & Attribute

Kodieren Sie Inhalte, bevor Sie diese in HTML-Attribute einfügen (title="...", data-*), damit Anführungszeichen und Sonderzeichen das Attribut nicht unterbrechen.

Anwendung
1

HTML-Entity-Tool öffnen

Klicken Sie auf das HTML-Entity-Symbol im DevSuite Pro Dock. Ein Editor-Panel mit Umschaltfunktionen für Kodieren und Dekodieren öffnet sich.

2

HTML oder Text einfügen

Fügen Sie den String ein, den Sie kodieren (rohes HTML, das Sie als Text anzeigen möchten) oder dekodieren (Inhalte voller Entities, die Sie rendern möchten) möchten.

3

Modus wählen

Wählen Sie Kodieren, um Sonderzeichen in Entities umzuwandeln, oder Dekodieren, um Entities zurück in ihre rohen Zeichen zu verwandeln.

4

Ergebnis lesen

Die kodierte oder dekodierte Ausgabe erscheint sofort im benachbarten Fenster – lange Eingaben sind scrollbar und werden umgebrochen.

5

Ergebnis kopieren

Klicken Sie auf Kopieren, um die Ausgabe zu übernehmen. Fügen Sie sie in Ihre Dokumentation, Code-Beispiele oder benutzerseitige Seiten ein, um sie sicher zu rendern.

Bereit zum Ausprobieren?

Installieren Sie DevSuite Pro kostenlos und schalten Sie 64+ Entwickler-Tools für Ihren Browser frei.

Zu Chrome hinzufügen Zu Edge hinzufügen Zu FireFox hinzufügen