Escape e unescape in HTML

Che cos'è l'escaping HTML?

L'escaping HTML è il processo che consiste nel sostituire i caratteri che hanno un significato speciale in HTML con riferimenti ai caratteri. Ad esempio, il segno "minore di" viene rappresentato come <, il segno "maggiore di" come > e la e commerciale come &. Ciò impedisce che vengano interpretati come tag HTML, consentendo al codice sorgente e alle stringhe di input di essere visualizzati sullo schermo esattamente così come sono.

L'unescape fa l'opposto: converte i riferimenti ai caratteri come < e " riportandoli ai simboli originali. È utile per controllare le stringhe con caratteri di escape presenti nei log, nei modelli, nei contenuti CMS, nei corpi delle e-mail, nelle risposte API e altro ancora.

Questo strumento non invia i dati inseriti al server, ma esegue le conversioni interamente all'interno del browser utilizzando JavaScript. Anche quando si gestiscono testi sensibili, è più sicuro da utilizzare rispetto agli strumenti di conversione che comportano comunicazioni di rete. Tuttavia, quando si incorporano i risultati della conversione in una pagina web, assicurarsi di verificare che le misure di sicurezza siano adeguate al framework in uso e alla posizione in cui verrà visualizzato il contenuto.

Come utilizzare

1. Incolla nel campo di immissione il codice HTML o i riferimenti ai caratteri che desideri convertire.
2. Selezionare "Escape HTML" oppure "Unescape HTML".
3. Cliccando su "Converti" verrai reindirizzato automaticamente alla sezione dei risultati.
4. Se necessario, copiare il risultato oppure scambiare l'input e il risultato per eseguire la conversione inversa.

Esempio di traduzione

<div class="message">Tom & Jerry</div>
↓
&lt;div class=&quot;message&quot;&gt;Tom &amp; Jerry&lt;/div&gt;

Precauzioni d'uso

• L'escape aiuta a creare stringhe da visualizzare, ma non sostituisce la protezione contro le iniezioni SQL né la codifica degli URL.
• Se si inserisce una stringa non escapeata direttamente in `innerHTML` o simili, esiste il rischio che vengano eseguiti degli script, a seconda del contenuto.
• Questo strumento converte principalmente i simboli &, <, >, le virgolette doppie e quelle singole.

Domande frequenti

Che cos'è l'escaping HTML?

Ciò comporta la conversione dei simboli che hanno un significato speciale in HTML in riferimenti ai caratteri, in modo che possano essere visualizzati correttamente come testo sullo schermo.

Che cos'è l'unescaping in HTML?

Questo processo converte i riferimenti ai caratteri come < e & nei rispettivi caratteri originali, < e &.

I dati inseriti verranno inviati al server?

No. Il processo di conversione viene eseguito interamente da JavaScript all'interno del browser.

Quali caratteri verranno convertiti?

Questo converte principalmente il simbolo "&", il segno "<", il segno ">", le virgolette doppie e quelle singole.

I tag HTML possono essere visualizzati direttamente sullo schermo?

Sì. Se si utilizza il risultato con i caratteri di escape, non verrà interpretato come un tag e verrà visualizzato come stringa.

Questo può essere utilizzato come contromisura contro gli attacchi XSS?

Sebbene questa sia una delle misure di base per la visualizzazione delle stringhe nel corpo del contenuto HTML, è necessario adottare misure adeguate per ciascuna destinazione di output, quali i valori degli attributi, JavaScript e gli URL.

In che modo questo differisce dalla codifica degli URL?

L'escaping HTML agisce sui caratteri speciali presenti nel codice HTML, mentre la codifica URL converte i caratteri che non possono essere utilizzati negli URL in una forma codificata con il segno di percentuale.

Verranno convertiti anche gli interruzioni di riga e gli spazi?

Le interruzioni di riga e gli spazi standard verranno mantenuti così come sono. Si prega di modificare separatamente le interruzioni di riga nella visualizzazione HTML utilizzando CSS, tag `br` o altri metodi.

Cosa succede se si applica il doppio escape?

Ad esempio, il simbolo "&" < viene nuovamente convertito in <. Si prega di fare attenzione a non convertirlo più volte del necessario.

Posso annullare la conversione?

Sì. È possibile annullare la modifica scambiando l'input e il risultato e selezionando il metodo di conversione opposto.

Sei in grado di tradurre grandi quantità di testo?

La conversione è possibile entro i limiti della potenza di elaborazione e della memoria del browser. Le prestazioni potrebbero risultare lente durante la gestione di set di dati di grandi dimensioni.