← Terug naar functies
Free

HTML Entity-coder

HTML Entity Encoder zet speciale tekens (< > & " ') om naar hun HTML entity-equivalenten (&lt; &gt; &amp; &quot; &#39;) en terug. Essentieel voor het veilig renderen van gebruikersinhoud, het insluiten van code in documentatie, of het voorkomen van XSS bij het weergeven van gebruikersinvoer.

Wanneer u HTML-tags als tekst moet weergeven, code-fragmenten op een pagina moet insluiten, of gebruiker ingediende inhoud veilig moet weergeven, is HTML entity-codering het antwoord. Dit gereedschap biedt onmiddellijke bidirectionele conversie. Codering vervangt speciale HTML-tekens door hun entity-equivalenten zodat de browser deze letterlijk weergeeft in plaats van deze als markup te interpreteren. Decodering keert het proces om. Het gereedschap verwerkt de vijf kernentiteiten van XML plus numerieke entityverwijzingen (&#NN; en &#xHH;) zodat u met elke gecodeerde inhoud kunt werken. Real-time conversie betekent dat uitvoer verschijnt wanneer u typt, en een wissel-knop draait invoer en uitvoer om voor snelle roundtrip-verificatie.

Live voorvertoning
example.com
HTML Entity Encoder Coderen Decoderen
Invoer
<div class="box">Hello & welcome!</div>
Gecodeerde uitvoer
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Belangrijkste kenmerken

Codeer Speciale Tekens

Zet < > & " ' om in &lt; &gt; &amp; &quot; &#39; — de vijf gereserveerde HTML-tekens die moeten worden gecodeerd om als tekst weer te geven.

Decodeer Entityverwijzingen

Decodeert zowel genoemde (&amp; &lt; &nbsp;) als numerieke (&#60; &#x3C;) entityverwijzingen terug naar hun originele tekens.

Eén-Klik Kopiëren

Kopieer het gecodeerde of gedecodeerde resultaat met één klik. Verplaats uitvoer rechtstreeks naar uw HTML, documentatie, of broncode.

Real-Time Conversie

Uitvoer wordt live bijgewerkt terwijl u typt. Geen coderknop om te klikken — zie onmiddellijk resultaten voor snelle herhaling.

Verwerkt Numerieke Entiteiten

Ondersteunt decimaal (&#65;) en hexadecimaal (&#x41;) numerieke verwijzingen plus genoemde entiteiten zoals &nbsp;, &copy;, &trade;.

Roundtrip-verificatie

Codeer, decodeer vervolgens het resultaat om te bevestigen dat de uitvoer overeenkomt met het origineel — een snelle manier om te controleren of u inhoud veilig verwerkt.

Veelvoorkomende scenario's

Code Insluiten in Docs

Om HTML-tags als letterlijke tekst in een markdown of HTML-pagina weer te geven, codeert u de speciale tekens — geen onbedoeld renderen van uw codevoorbeeld als markup meer.

XSS Voorkomen

Voordat u gebruikersinvoer terugstuurt naar een pagina, codeert u HTML-entiteiten om <script> tags en andere injectievectoren te neutraliseren.

Malformed HTML Foutopsporing

Decodeer entityverwijzingen in verdachte uitvoer om te zien welke tekens werkelijk zijn gemaakt — helpt ontsnappingsfouten aan te wijzen.

Inhoud Migratie

Zet HTML met entiteiten van het ene systeem (een CMS, e-mailtemplate) om in gewone tekst voor een ander (een databaseveld, e-mail in platte tekst).

Tooltip & Attribuut Veiligheid

Codeer inhoud voordat u deze in HTML-attributen invoegt (title="...", data-*) zodat aanhalingstekens en speciale tekens het attribuut niet breken.

Hoe te gebruiken
1

Open HTML Entity-gereedschap

Klik op het HTML Entity-pictogram in het dock van DevSuite Pro. Een editorpaneel opent met Coderen en Decoderen wisselschakelaar.

2

Plak Uw HTML of Tekst

Plak de tekenreeks die u wilt coderen (onbewerkte HTML die u als tekst moet weergeven) of decoderen (entity-geladen inhoud die u moet renderen).

3

Selecteer Modus

Kies Coderen om speciale tekens naar entiteiten om te zetten, of Decoderen om entiteiten terug naar hun onbewerkte tekens om te zetten.

4

Lees het Resultaat

Gecodeerde of gedecodeerde uitvoer verschijnt onmiddellijk in het aangrenzende venster — lange invoer kan worden gescrolled en loopt standaard om.

5

Kopieer het Resultaat

Klik op Kopieer om de uitvoer te grijpen. Plak in uw documentatie, codevoorbeeld, of gebruikers-interface pagina om veilig weer te geven.

Klaar om te proberen?

Installeer DevSuite Pro gratis en ontgrendel 64+ ontwikkelaarstools voor uw browser.

Toevoegen aan Chrome Toevoegen aan Edge Toevoegen aan FireFox