Ga naar hoofdinhoud
LibraTool logoLibraTool

Gratis HTML-encoder en -decoder

Codeer speciale tekens naar HTML-entiteiten of decodeer entiteiten terug naar platte tekst. Direct, in je browser.

Werkt offline na het laden
Uitvoer:
Voorbeelden:
Platte tekst / HTML
Gecodeerde HTML
Uitvoer verschijnt hier…
Veelgebruikte HTML-entiteiten
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

Veelvoorkomend gebruik

  • Codeer Inhoud voor RSS-feedsCodeer HTML-inhoud voor RSS-feedartikelomschrijvingen — vereist door de RSS 2.0-standaard.
  • Ontsmetting gebruikersinvoer voor HTML-uitvoerCodeer door gebruikers geleverde strings voordat u deze in HTML invoegt — voorkomt XSS-injectieaanvallen.
  • Codeer Speciale Tekens voor HTML-E-mailCodeer tekens zoals &, <, > en © als HTML-entiteiten, zodat deze correct in alle e-mailclients worden weergegeven.
  • Codeer Gebruikersinhoud voor WebweergaveVoorkom XSS-aanvallen door gebruikersgegenereerde inhoud te coderen voordat deze op HTML-pagina's wordt weergegeven.
  • Codeer Inhoud voor XMLCodeer speciale tekens voor XML-bestanden, RSS-feeds, sitemaps en SOAP-payloads.

Hoe het werkt

HTML-codering en -decodering draait hier volledig in je browser met zelfgeschreven regexvervanging en een vaste opzoektabel met benoemde entiteiten — geen coderingsbibliotheek van derden, geen serververzoek. Voor het decoderen van minder gangbare benoemde entiteiten (zoals &aacute; of &ldquo;) valt de tool kosteloos terug op de eigen HTML-parser van de browser.

  1. 1
    Een regex zoekt de te vervangen tekens
    Bij het coderen loopt een van twee Unicode-bewuste regexen over je invoer: een gericht patroon voor ~25 gangbare tekens die in HTML betekenis hebben of speciaal zijn, of een breder patroon dat elk codepunt boven U+007F vangt. Elke overeenkomst wordt teken voor teken verwerkt.
  2. 2
    Een opzoektabel of codePointAt() levert de entiteit
    Bij uitvoer met benoemde entiteiten worden de gevonden tekens opgezocht in een vaste tabel (bijv. & → &amp;, © → &copy;). Bij decimale of hex-uitvoer haalt String.codePointAt() het Unicode-codepunt op en maakt het op als &#NNN; of &#xNNN; — surrogaatparen worden correct verwerkt omdat de regex de Unicode-vlag 'u' gebruikt.
  3. 3
    Eén regexdoorgang zet entiteiten terug naar tekens
    Bij het decoderen herkent één regexdoorgang alle entiteittokens (&amp;, &#65;, &#x41; enz.) en stuurt elk naar de juiste verwerker: hex parseInt(basis 16), decimaal Number(), omgekeerd opzoeken van benoemde entiteiten, of — voor entiteiten die niet in de vaste tabel staan — een textarea-element waarvan de browser de innerHTML native parseert, wat het juiste teken uit de ingebouwde entiteitentabel van de browser oplevert.
  4. 4
    Het resultaat verschijnt direct; kopiëren naar het klembord via de Clipboard API
    De uitvoer wordt bij elke toetsaanslag synchroon opnieuw berekend via React useMemo. Kopiëren gebruikt navigator.clipboard.writeText() — de moderne asynchrone Clipboard API — met een stille catch voor beperkte contexten.

Gerelateerde tools

Veelgestelde vragen