Como escapar e desescapar texto HTML

Cole a marcação ou o texto codificado na caixa. Escapar HTML troca os seis caracteres que quebram o texto HTML (&, <, >, ", ' e a crase) por referências de caractere; Desescapar HTML devolve essas referências aos caracteres que elas representam.

As duas direções rodam nesta página: nada é enviado e a ferramenta continua funcionando offline. O painel de resultado mostra exatamente o que Copiar coloca na área de transferência, e Limpar esvazia a entrada e o resultado juntos.

  1. Cole o código HTML, o texto simples ou o texto com entidades na caixa de entrada.
  2. Clique em Escapar HTML para trocar os seis caracteres especiais, ou em Desescapar HTML para decodificar as referências.
  3. Confira a direção antes de clicar de novo: escapar um texto já escapado escapa os ampersands outra vez.
  4. Leia o resultado e clique em Copiar. Limpar redefine a área de texto e o painel de saída.
  5. Continue no editor ou clique em Formato HTML quando quiser reformatar a marcação em vez de escapá-la.

O que cada botão converte e o que permanece igual

O que Escapar HTML converte

Mudam exatamente seis caracteres: & vira &amp;, < vira &lt;, > vira &gt;, as aspas duplas viram &quot;, o apóstrofo vira &#x27; e a crase vira &#x60;. Acentos, texto CJK, emoji e quebras de linha são copiados sem alteração.

Escapar não é idempotente, porque o ampersand faz parte de toda referência: escapar &amp; produz &amp;amp;. Faça a conversão uma vez sobre o texto original; para revisar um resultado anterior, aplique antes Desescapar HTML.

O que Desescapar HTML decodifica

A página decodifica as referências como um navegador: referências numéricas decimais e hexadecimais (&#39;, &#x27;, &#169;), referências nomeadas como &nbsp;, &hellip; ou &copy;, e as formas antigas aceitas sem ponto e vírgula, como &amp e &lt.

Um nome que o navegador não conhece, como &foo;, fica como está, e um ponto de código inválido como &#x110000; vira o caractere de substituição U+FFFD. Prefixos antigos são decodificados mesmo sem ponto e vírgula, exatamente como no HTML: &notanentity; começa com &not e volta como ¬anentity;. É o comportamento do próprio navegador, não uma tabela particular, então a página e um analisador real concordam.

Para que serve e quais são os limites

Usos típicos: mostrar trechos de código em documentação, escapar texto de usuários antes de inseri-lo em um template HTML e decodificar entidades que chegam de uma API ou de um e-mail. A saída é texto simples, então cola em qualquer editor.

A ferramenta não valida nem reformata a estrutura HTML, não decodifica percent-encoding de URL (%20) e não mexe em escapes de JavaScript ou JSON como \n. Textos muito grandes continuam sendo processados na página, então o realce pode levar um instante.

Ferramentas recentes: