HTML-entities coderen en decoderen
Escape tekst voor HTML met benoemde, decimale of hexadecimale entities, of zet entities als & en é terug om in tekens.
Codevoorbeelden
Kopieer deze voorbeelden naar je eigen project. Ze gebruiken alleen de standaardbibliotheek van de taal, dus er hoeft niets geïnstalleerd te worden.
const text = '<p class="x">Tom & Jerry</p>'
const entities = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }
console.log(text.replace(/[&<>"']/g, (char) => entities[char]))Wat het doet
Escapet tekst voor HTML en zet HTML-entities terug om in tekens. Een entity schrijft een teken met een naam (é), als decimaal getal (é) of als hexadecimaal getal (é).
Zo gebruik je het
- Typ of plak tekst, of sleep een tekstbestand erin.
- Kies Coderen of Decoderen. Kies bij coderen of je alleen de tekens escapet die HTML als markup leest of ook elk niet-ASCII-teken, en of je namen, decimale of hexadecimale getallen schrijft.
- Kopieer of download het resultaat.
Voorbeelden
Markup escapen:
<p class="x">Tom & Jerry</p> wordt <p class="x">Tom & Jerry</p>. Met elk niet-ASCII-teken geëscaped wordt café © € café © €.
Goed om te weten
- De tekens die in HTML-tekst en attributen altijd geëscaped moeten worden zijn
&,<,>,"en'. - De apostrof wordt geschreven als
', omdat HTML 4 er geen naam voor heeft. Decoderen leest ook'. - Tekens zonder naam, zoals emoji, worden als getal geschreven, één getal per teken.
- De tabel met namen omvat de 252 entities van HTML 4.01. Een naam daarbuiten blijft bij het decoderen zoals getypt.
Wat is een HTML-entity?
Een entity is een manier om een teken in HTML te schrijven zonder het te typen: een naam als é of een getal als é (decimaal) of é (hex). Vijf tekens moeten in tekst en attributen worden geëscaped omdat HTML ze als markup leest: & < > en de twee aanhalingstekens.
Veelgestelde vragen
Welke tekens moet ik escapen?
Escape & en < in tekst, en het aanhalingsteken dat een attribuutwaarde omsluit binnen die waarde. Escapen van > en beide aanhalingstekens overal is onschadelijk en de veilige standaard, wat Alleen markup doet. Invoer van gebruikers zo escapen is de eerste verdediging tegen ingespoten markup.
Waarom wordt de apostrof ' en geen naam?
HTML 4 kent geen benoemde entity voor de apostrof. ' bestaat in XML en HTML5, maar oudere software kent het niet, dus een getal is de veilige keuze. Decoderen accepteert beide.
Stuurt deze tool mijn tekst ergens naartoe?
Nee. Alles gebeurt in je browser. Wat je typt wordt nooit naar onze servers gestuurd.