HTML Entities — HTML-entiteiten coderen en decoderen

Wat HTML Entities doet

HTML Entities codeert tekens die in HTML een speciale betekenis hebben en decodeert entiteitsverwijzingen terug naar leesbare tekst. Het is handig bij het voorbereiden van voorbeelden voor documentatie, het schrijven van testfixtures voor escaping-logica, het inspecteren van CMS-uitvoer, het opschonen van gekopieerde fragmenten of het omzetten van zichtbare tekst naar een vorm die veilig in HTML-broncode kan staan. De encoder behandelt ampersands, punthaken, aanhalingstekens, apostrofs en niet-ASCII-tekens met numerieke entiteiten waar dat past. De decoder ondersteunt door de browser herkende benoemde entiteiten zoals amp, lt, gt, quot, apos, copy, nbsp en nog veel meer, via de eigen HTML-parser van de browser.

Fragmenten uit de praktijk mengen vaak benoemde entiteiten met decimale of hexadecimale numerieke verwijzingen die worden gegenereerd door templates, editors, feeds en oudere systemen. Deze tool maakt het eenvoudig om te wisselen tussen de zichtbare tekst en de brontekst zonder een wegwerpscript te schrijven. Met de wisselknop zet je de uitvoer terug in de tegenovergestelde modus om round trips te controleren.

Privé werken in de browser

Alle verwerking gebeurt in je browser met JavaScript aan de clientzijde. De tool uploadt geen fragmenten, configuratiewaarden, gegenereerde gegevens, querytekst of gekopieerde voorbeelden naar een server en vereist geen account. Dat uitsluitend lokale model is belangrijk voor ontwikkelaarstools, omdat de inhoud die erin wordt geplakt vaak op echte applicatiegegevens lijkt: API-responses, logbestanden, voorbeelden in de vorm van omgevingsvariabelen, databasequery's, markup uit concepten of waarden uit debugsessies in productie. Lokaal transformeren verkleint het risico en houdt de interactie snel, omdat er geen netwerkrondreis is.

De interface is bewust compact, zodat je invoer kunt plakken, opties kunt aanpassen, de uitvoer kunt bekijken, kopiëren en terug kunt gaan naar je editor. Resultaten moeten nog steeds worden gecontroleerd voordat ze worden gecommit, openbaar gedeeld of gebruikt in een productieworkflow. Browsertools zijn uitstekend voor snelle inspectie en voorbereiding, maar kunnen niet elke projectconventie, dataclassificatieregel of applicatiespecifieke validatie-eis begrijpen.

Praktische tips

Entiteitscodering is op zichzelf geen volledige beveiligingssanitizer. Gebruik het als teksttransformatie voor voorbeelden, tests en eenvoudige escaping-controles, niet als vervanging voor de escaping van je framework, DOM-API's, een content security policy of een gecontroleerde sanitizer bij het weergeven van onbetrouwbare HTML. De context is belangrijk: escaping voor een HTML-tekstknooppunt verschilt van escaping voor attributen, URL's, JavaScript-strings en CSS. Bedenk bij het decoderen dat de uitvoer weer echte punthaken of aanhalingstekens kan bevatten, dus controleer die voordat je ze in een pagina of template plakt.