← Torna alle funzionalità
Free

Codificatore entità HTML

Il Codificatore entità HTML converte i caratteri speciali (< > & " ') nei loro equivalenti in entità HTML (&lt; &gt; &amp; &quot; &#39;) e viceversa. Essenziale per il rendering sicuro dei contenuti utente, per l'inserimento di codice nella documentazione o per prevenire l'XSS quando si visualizzano gli input dell'utente.

Quando hai bisogno di visualizzare i tag HTML come testo, incorporare frammenti di codice in una pagina o mostrare i contenuti inviati dagli utenti in modo sicuro, la codifica delle entità HTML è la soluzione. Questo strumento fornisce una conversione bidirezionale istantanea. La codifica sostituisce i caratteri HTML speciali con i loro equivalenti in entità in modo che il browser li visualizzi letteralmente invece di interpretarli come markup. La decodifica inverte il processo. Lo strumento gestisce le cinque entità XML core più i riferimenti numerici alle entità (&#NN; e &#xHH;) in modo da poter lavorare con qualsiasi contenuto codificato. La conversione in tempo reale significa che l'output appare mentre scrivi, e un pulsante di scambio inverte input e output per una rapida verifica del ciclo completo.

Anteprima dal vivo
example.com
Codificatore entità HTML Codifica Decodifica
Input
<div class="box">Hello & welcome!</div>
Output codificato
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Caratteristiche principali

Codifica caratteri speciali

Converte < > & " ' in &lt; &gt; &amp; &quot; &#39; — i cinque caratteri HTML riservati che devono essere codificati per essere visualizzati come testo.

Decodifica riferimenti entità

Decodifica sia i riferimenti entità nominati (&amp; &lt; &nbsp;) che quelli numerici (&#60; &#x3C;) riportandoli ai caratteri originali.

Copia con un clic

Copia il risultato codificato o decodificato con un singolo clic. Sposta l'output direttamente nel tuo HTML, nella documentazione o nel codice sorgente.

Conversione in tempo reale

L'output si aggiorna dal vivo mentre scrivi. Nessun pulsante di codifica da cliccare: vedi i risultati immediatamente per iterazioni rapide.

Gestisce entità numeriche

Supporta i riferimenti numerici decimali (&#65;) ed esadecimali (&#x41;) oltre alle entità nominate come &amp;nbsp;, &amp;copy;, &amp;trade;.

Verifica del ciclo completo

Codifica e poi decodifica il risultato per confermare che l'output corrisponda all'originale: un modo rapido per verificare che stai gestendo il contenuto in modo sicuro.

Casi d'uso comuni

Incorporare codice nella documentazione

Per visualizzare i tag HTML come testo letterale in una pagina markdown o HTML, codifica i caratteri speciali: non rischierai più di renderizzare accidentalmente il tuo esempio di codice come markup.

Prevenire l'XSS

Prima di restituire l'input dell'utente a una pagina, codifica le entità HTML per neutralizzare i tag <script> e altri vettori di iniezione.

Debug di HTML malformato

Decodifica i riferimenti alle entità in un output sospetto per vedere quali caratteri sono stati effettivamente prodotti: aiuta a individuare i bug di escaping.

Migrazione dei contenuti

Converti HTML con entità da un sistema (un CMS, un template email) in testo normale per un altro (un campo di database, un'email di solo testo).

Sicurezza di tooltip e attributi

Codifica il contenuto prima di inserirlo negli attributi HTML (title="...", data-*) in modo che le virgolette e i caratteri speciali non rompano l'attributo.

Come usare
1

Apri lo strumento Entità HTML

Clicca sull'icona Entità HTML nel dock di DevSuite Pro. Si aprirà un pannello editor con i selettori Codifica e Decodifica.

2

Incolla il tuo HTML o testo

Incolla la stringa che vuoi codificare (HTML grezzo da mostrare come testo) o decodificare (contenuto pieno di entità da renderizzare).

3

Seleziona la modalità

Scegli Codifica per convertire i caratteri speciali in entità, o Decodifica per riconvertire le entità nei loro caratteri originali.

4

Leggi il risultato

L'output codificato o decodificato appare istantaneamente nel riquadro adiacente; gli input lunghi sono scorrevoli e vanno a capo per impostazione predefinita.

5

Copia il risultato

Clicca su Copia per prelevare l'output. Incollalo nella tua documentazione, in un esempio di codice o in una pagina rivolta agli utenti per un rendering sicuro.

Pronto a provare?

Installa DevSuite Pro gratuitamente e sblocca più di 64 strumenti per sviluppatori per il tuo browser.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox