Codificador de Entidades HTML: Escapar

Codificador de entidades HTML para escapar < > & " ou converter entidades nomeadas, decimais e hex de volta para texto.

Seu texto é escapado e desescapado localmente no seu navegador e nada é enviado para um servidor.

Criado e mantido por Udit Agarwal

Escapando texto para JSON? Experimente JSON Escape / Unescape.

Sobre Escapar / Desescapar HTML

O codificador de entidades HTML escapa caracteres especiais do HTML e converte entidades de volta para texto simples diretamente no seu navegador. No modo Escapar, ele converte os cinco caracteres especiais & < > " e ' em suas formas seguras de entidade (&amp;, &lt;, &gt;, &quot;, &#39;), para que você possa escapar HTML online e exibir código, tags ou entrada de usuário dentro do markup sem quebrá-lo. No modo Desescapar, esta ferramenta de escapar e desescapar HTML decodifica entidades nomeadas como &lt; e &nbsp;, além de referências numéricas decimais (&#39;) e hexadecimais (&#x27;), de volta para os caracteres originais. Foi feita para desenvolvedores front-end e back-end, redatores técnicos e engenheiros de QA que lidam com templates, HTML de e-mail ou páginas extraídas. Tudo é processado localmente, então seus trechos nunca saem do seu dispositivo.

Recursos

  • O modo Escapar converte & < > " e ' em entidades seguras de HTML
  • O modo Desescapar decodifica entidades nomeadas como &lt;, &gt;, &quot;, &apos; e &nbsp;
  • Decodifica entidades numéricas decimais como &#39; de volta para caracteres
  • Decodifica entidades numéricas hexadecimais como &#x27; de volta para caracteres
  • Resolve &amp; por último para que ampersands já escapados decodifiquem corretamente
  • Alterne entre Escapar e Desescapar com um único botão
  • Saída ao vivo que atualiza conforme você digita, com cópia em um clique
  • Roda inteiramente no seu navegador

Como usar Escapar / Desescapar HTML

  1. Escolha Escapar para codificar caracteres ou Desescapar para decodificar entidades.
  2. Cole seu texto ou HTML na caixa de entrada.
  3. Leia o resultado convertido no painel de saída conforme você digita.
  4. Clique em Copiar para pegar a saída escapada ou desescapada.

Exemplo

Entrada

<a href="x">Tom & Jerry's</a>

Saída

&lt;a href=&quot;x&quot;&gt;Tom &amp; Jerry&#39;s&lt;/a&gt;

O modo Escapar transforma markup e caracteres especiais em entidades seguras de HTML.

Erros comuns e solução de problemas

  • A saída ainda mostra < e > brutos após o escape parecer estranho. — Confirme que você está no modo Escapar; o modo Desescapar faz o inverso e transforma entidades de volta em caracteres.
  • Uma entidade nomeada como &copy; ou &mdash; não decodifica. — Apenas &lt;, &gt;, &quot;, &apos; e &nbsp; são tratadas como entidades nomeadas; use a forma numérica como &#169; ou &#8212; em vez disso.
  • Texto duplamente codificado mostra &amp;lt; em vez de <. — Execute Desescapar duas vezes, já que o texto foi escapado mais de uma vez e cada passagem decodifica uma camada.
  • Esperar que o escape torne HTML não confiável seguro para renderizar. — O escape previne injeção de markup para texto simples, mas sempre sanitize HTML não confiável com um sanitizador dedicado antes de renderizá-lo.

Perguntas frequentes

O que é o codificador de entidades HTML e o que ele escapa?
O codificador de entidades HTML escapa os cinco caracteres especiais do HTML: & vira &amp;, < vira &lt;, > vira &gt;, " vira &quot;, e ' vira &#39;.
Como desescapar entidades HTML de volta para texto?
Alterne o codificador de entidades HTML para o modo Desescapar e cole seu texto; ele decodifica &lt;, &gt;, &quot;, &apos; e &nbsp;, além de referências numéricas decimais (&#39;) e hexadecimais (&#x27;).
Escapar HTML torna a entrada de usuário segura para exibir?
O escape previne injeção de markup quando você exibe texto como conteúdo, mas você ainda deve sanitizar HTML não confiável antes de renderizá-lo como markup.
O codificador de entidades HTML lida com referências numéricas de caracteres?
Sim. O modo Desescapar converte tanto referências decimais como &#169; quanto referências hexadecimais como &#xA9; de volta para seus caracteres.
Por que &amp; é decodificado depois das outras entidades?
O codificador de entidades HTML resolve &amp; por último para que sequências já escapadas como &amp;lt; sejam desescapadas uma camada por vez em vez de colapsar incorretamente.
Meu texto é enviado para algum lugar quando uso o codificador de entidades HTML?
Não. O codificador de entidades HTML processa tudo localmente no seu navegador, então seu texto nunca sai do seu dispositivo.

Ferramentas relacionadas

Mais ferramentas de Codificar / Decodificar

Ver todas as ferramentas de Codificar / Decodificar (31) · Todas as ferramentas