← Tornar a les funcions
Free

Codificador d'entitats HTML

El Codificador d'entitats HTML converteix caràcters especials (< > & " ') als seus equivalents en entitats HTML (&lt; &gt; &amp; &quot; &#39;) i viceversa. Essencial per mostrar contingut d'usuari de manera segura, incrustar codi en documentació o evitar XSS quan es mostra l'entrada de l'usuari.

Quan necessites mostrar etiquetes HTML com a text, incrustar fragments de codi en una pàgina o mostrar contingut enviat per l'usuari de manera segura, la codificació d'entitats HTML és la resposta. Aquesta eina ofereix conversió bidireccional instantània. La codificació substitueix els caràcters especials HTML pels seus equivalents en entitats perquè el navegador els mostri literalment en lloc d'interpretar-los com a marcatge. La descodificació inverteix el procés. L'eina gestiona les cinc entitats XML principals més les referències d'entitats numèriques (&#NN; i &#xHH;) perquè puguis treballar amb qualsevol contingut codificat. La conversió en temps real fa que la sortida aparegui mentre escrius, i un botó d'intercanvi inverteix l'entrada i la sortida per a una verificació ràpida del cicle complet.

Vista prèvia en viu
example.com
Codificador d'Entitats HTML Codificar Descodificar
Entrada
<div class="box">Hello & welcome!</div>
Sortida Codificada
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Funcions clau

Codifica caràcters especials

Converteix < > & " ' en &lt; &gt; &amp; &quot; &#39;: els cinc caràcters HTML reservats que cal codificar perquè es mostrin com a text.

Descodifica referències d'entitats

Descodifica tant les referències amb nom (&amp; &lt; &nbsp;) com les numèriques (&#60; &#x3C;) de nou als seus caràcters originals.

Còpia amb un clic

Copia el resultat codificat o descodificat amb un sol clic. Mou la sortida directament al teu HTML, documentació o codi font.

Conversió en temps real

La sortida s'actualitza en directe mentre escrius. Sense botó de codificació que prémer: veus els resultats a l'instant per a una iteració ràpida.

Gestiona entitats numèriques

Admet referències numèriques decimals (&#65;) i hexadecimals (&#x41;) més entitats amb nom com &amp;nbsp;, &amp;copy;, &amp;trade;.

Verificació del cicle complet

Codifica i després descodifica el resultat per confirmar que la sortida coincideix amb l'original: una manera ràpida de verificar que gestiones el contingut de manera segura.

Casos d'ús comuns

Incrustació de codi a la documentació

Per mostrar etiquetes HTML com a text literal en una pàgina markdown o HTML, codifica els caràcters especials: mai més renderitzaràs accidentalment la teva mostra de codi com a marcatge.

Prevenció de XSS

Abans de retornar l'entrada de l'usuari a una pàgina, codifica les entitats HTML per neutralitzar etiquetes <script> i altres vectors d'injecció.

Depuració d'HTML mal format

Descodifica les referències d'entitats en sortides sospitoses per veure quins caràcters s'han produït realment: ajuda a localitzar errors d'escapament.

Migració de contingut

Converteix HTML amb entitats d'un sistema (un CMS, una plantilla de correu) a text pla per a un altre (un camp de base de dades, un correu de text pla).

Seguretat de tooltips i atributs

Codifica el contingut abans d'inserir-lo en atributs HTML (title="...", data-*) perquè les cometes i els caràcters especials no trenquin l'atribut.

Com utilitzar-lo
1

Obre l'eina d'entitats HTML

Fes clic a la icona d'entitats HTML al dock de DevSuite Pro. S'obre un panell d'edició amb commutadors Codifica i Descodifica.

2

Enganxa el teu HTML o text

Enganxa la cadena que vols codificar (HTML en brut que necessites mostrar com a text) o descodificar (contingut ple d'entitats que necessites renderitzar).

3

Selecciona el mode

Tria Codifica per convertir caràcters especials en entitats, o Descodifica per convertir entitats de nou als seus caràcters en brut.

4

Llegeix el resultat

La sortida codificada o descodificada apareix a l'instant al panell adjacent: l'entrada llarga es pot desplaçar i s'ajusta per defecte.

5

Copia el resultat

Fes clic a Copia per obtenir la sortida. Enganxa-la a la teva documentació, mostra de codi o pàgina de cara a l'usuari perquè es mostri de manera segura.

Llest per provar-ho?

Instal·la DevSuite Pro gratuïtament i desbloqueja més de 64 eines de desenvolupador per al teu navegador.

Afegeix a Chrome Afegeix a Edge Afegeix a FireFox