acento.io
Tekst-tool

HTML entity encoder/decoder

Codeer en decodeer HTML-entiteiten volledig in je browser — jouw HTML verlaat nooit je apparaat.

Door Carlos Suárez , Systeemingenieur
Laatst bijgewerkt:

Wat deze HTML entity encoder/decoder doet

Deze Nederlandse versie van de tool converteert tekst naar HTML-entiteiten en terug. Bij coderen worden &, <, >, " en ' omgezet naar hun veilige equivalenten (&amp;, &lt;, &gt;, &quot;, &#39;). Optioneel codeer je ook alle niet-ASCII-tekens als numerieke entiteiten — handig voor e-mailtemplates waarbij sommige clients Unicode niet betrouwbaar renderen. Bij decoderen herkent de tool named entiteiten zoals &nbsp; en &copy;, decimale notatie (&#160;) én hex-notatie (&#xA0;). UTF-8 dekt meer dan een miljoen codepunten, maar voor HTML-templating zijn de meestgebruikte entiteiten een handvol. 100% client-side — jouw gegevens verlaten nooit je browser. Geen uploads, geen tracking, geen serverlogs.

Functies

  • Codering van gevaarlijke tekens. Escapet &, <, >, " en ' automatisch, zodat gebruikersinvoer veilig in HTML-templates terechtkomt zonder XSS-risico.
  • Optioneel alle niet-ASCII coderen. Zet elk teken buiten het ASCII-bereik om naar een decimale numerieke entiteit. Ideaal voor omgevingen die alleen 7-bit ASCII garanderen, zoals bepaalde e-mailclients.
  • Decodering van named, decimale en hex-entiteiten. Verwerkt &amp;, &#160; en &#xA0; in één stap. Onmisbaar bij het extraheren van platte tekst uit HTML die je via fetch hebt opgehaald.
  • Eerlijk over scope. HTML5 definieert bijna 2.000 named entiteiten. Deze tool dekt de veelgebruikte subset plus alle numerieke entiteiten — meer is zelden nodig en maakt bundles onnodig groot.
  • Privacyvriendelijk by design. Alle verwerking gebeurt lokaal via de MDN — encodeURIComponent-compatibele browser-API's. Er wordt niets naar een server gestuurd, consistent met de AVG-principes van dataminimalisatie.
  • Directe kopieerknop. Kopieer het resultaat met één klik naar het klembord, zonder tekst handmatig te hoeven selecteren.

Zo gebruik je de HTML entity encoder/decoder

Plak je tekst in het invoerveld, kies de modus en het resultaat verschijnt direct.

  1. Kies de modus. Selecteer **Coderen** om speciale tekens te escapen, of **Decoderen** om entiteiten terug te zetten naar leesbare tekst.
  2. Plak of typ je tekst. Voer je HTML-fragment in, bijvoorbeeld <p>Café & jalapeño</p>. De uitvoer wordt direct bijgewerkt.
  3. Activeer niet-ASCII optioneel. Vink **Codeer alle niet-ASCII** aan als je letters zoals é of ñ wilt omzetten naar &#233; en &#241;. Dit is nuttig in contexten die geen UTF-8 garanderen.
  4. Kopieer het resultaat. Klik op **Kopiëren** om de uitvoer naar je klembord te sturen en plak hem direct in je template of code-editor.

Veelvoorkomende toepassingen

  • HTML-templates met gebruikersinvoer. Verwerk namen of adressen van gebruikers veilig door ze te coderen vóór je ze in een HTML-string insluit. Zo voorkom je XSS-aanvallen in server-side en client-side templates.
  • Technische documentatie schrijven. Toon HTML-markup letterlijk in een artikel of blogpost door de code te coderen, zodat de browser de tags niet interpreteert maar als tekst weergeeft.
  • HTML scrapen en ontleden. Haal platte tekst op uit HTML die je via een API hebt binnengehaald door alle entiteiten te decoderen. Combineer dit eventueel met de [text diff](/nl/text-diff/) tool om twee versies te vergelijken.
  • E-mailtemplates. Sommige e-mailclients renderen Unicode niet consistent. Door alle niet-ASCII tekens te coderen als numerieke entiteiten garandeer je correcte weergave in oudere of strikte clients.
  • CMS- en contentmigraties. Bij het importeren van content in een CMS zitten soms dubbel gecodeerde entiteiten (&amp;amp;) of onbekende hex-entiteiten. Decodeer en hercodeer in één stap om de tekst te normaliseren. Voor slug-aanpassingen gebruik je ook de [URL slug-generator](/nl/slugify/).

Veelgestelde vragen

Wordt mijn HTML naar een server gestuurd?

Nee. Alle verwerking gebeurt volledig in je browser. Er worden geen gegevens opgeslagen, gelogd of doorgestuurd — je tekst verlaat je apparaat niet. Dit maakt de tool ook geschikt voor gevoelige of interne HTML-fragmenten.

Wat is het verschil tussen &apos; en &#39;?

&apos; is geldig in XHTML en HTML5, maar werd niet ondersteund in HTML4. Voor maximale compatibiliteit — met name in oudere templates of e-mailclients — gebruik je &#39; (decimale notatie). De tool gebruikt standaard &#39;.

Waarom worden niet alle ~2.000 HTML5 named entiteiten gedekt?

De volledige HTML5-entiteitenlijst zoals gedefinieerd door het WHATWG bevat bijna 2.000 namen. Het merendeel wordt zelden gebruikt. Een volledige implementatie voegt aanzienlijk gewicht toe aan de bundel, terwijl alle zeldzame tekens via numerieke entiteiten (&#x…;) prima werken. De tool dekt de meestgebruikte named entiteiten plus alle numerieke varianten.

Hoe ga ik om met tekens boven U+FFFF?

Tekens buiten het Basic Multilingual Plane (zoals emoji of zeldzame CJK-tekens) vereisen een surrogate pair in UTF-16. Moderne browsers en de MDN — Web Crypto API-omgeving verwerken dit correct via codepoint-iteratie. Controleer legacy-systemen altijd apart.

Moet een named entiteit altijd eindigen op een puntkomma?

Formeel vereist de HTML-specificatie een puntkomma. Browsers zijn vergevingsgezind en tolereren &amp zonder puntkomma, maar dit is niet-conform gedrag. Gebruik altijd de puntkomma om portabiliteitsproblemen te vermijden.

Kan ik ook URL-encoding uitvoeren met deze tool?

HTML-entiteiten en URL-codering zijn twee verschillende mechanismen. HTML-entiteiten escapen tekens voor gebruik in HTML-documenten; URL-codering (percent-encoding) is bedoeld voor URIs. Gebruik voor URL-gerelateerde bewerkingen onze [URL slug-generator](/nl/slugify/) of de native encodeURIComponent-functie.