ToolMill.io

HTML Entity Encode / Decode — Escape & Unescape HTML

HTML Entity Encode / Decode converts special characters like <, >, &, and quotes into safe HTML entities (and decodes them back). Use it when working with HTML attributes, templates, CMS editors, Markdown docs, or when debugging copy/paste issues. Handles common named entities (e.g. &lt;, &gt;, &amp;, &quot;) and numeric entities. Runs 100% locally in your browser — no uploads — and works offline after installing ToolMill as a PWA.

Codificação

Experimenta.

Exemplos

Codificar HTML para entidades
Entrada
<div>"x" & y</div>
Saída
&lt;div&gt;&quot;x&quot; &amp; y&lt;/div&gt;
Descodificar entidades HTML
Entrada
&lt;span title=&quot;Tom &amp; Jerry&quot;&gt;5 &amp;lt; 10&lt;/span&gt;
Saída
<span title="Tom & Jerry">5 < 10</span>

Quando codificar entidades HTML

Use codificação de entidade quando você quiser caracteres como parênteses de ângulo, ampersands ou aspas para exibir literalmente em vez de ser interpretado como marcação. Isso é especialmente útil para tutoriais, campos CMS, documentos Markdown, amostras de código, trechos copiados e valores de atributos HTML.

O que fica codificado

The most common cases are <, >, &, and quotes. Depending on the workflow, you may see named entities such as &lt; and &amp;, or numeric forms such as ' and '. Different editors may choose different forms while still rendering the same visible character.

Fluxos de trabalho práticos

Esta página é útil quando você deseja exibir fonte HTML bruta na documentação, limpar texto cheio de entidade copiado de um CMS ou sistema de suporte, decodificar strings já escarpadas das exportações, ou verificar se um trecho colado foi escapado uma ou várias vezes antes de publicá-lo.

Evite a codificação dupla

A common mistake is encoding text that already contains entities. For example, a plain ampersand becomes &amp;, but an existing &amp; encoded again becomes &amp;amp;. If the pasted input already looks escaped, check it carefully before clicking Encode.

Contexto ainda importa

Codificação de entidade é útil para exibir marcação literal e evitar renderização acidental em muitos fluxos de trabalho de conteúdo, mas não é um substituto completo para fuga de contexto em cada aplicativo. A saída decodificada também pode se tornar ativa novamente se você colar em um editor HTML ao vivo ou construtor de página.

Privacidade e processamento local

Antes de Confiar em Texto Convertido por Entidade em Páginas Web ou Feeds

Antes de publicar ou incorporar o resultado, confirme o contexto HTML exato onde ele será usado e se o sistema de destino já executa fuga automaticamente. Uma string corretamente convertida ainda pode estar errada se for inserida no lugar errado ou escapou duas vezes.

Onde a conversão de entidade HTML ainda pode produzir resultados não seguros ou indesejados

Conversão de entidade pode ajudar com exibição e fuga, mas não garante segurança em todos os contextos. Codificação dupla, fuga parcial e desencontros entre o conteúdo do texto e os contextos de atributos ainda podem deixar o resultado quebrado ou enganador se o destino esperar um manuseio diferente.

Como interpretar saída de entidade HTML codificada e decodificada

A saída codificada é destinada a representar caracteres com segurança em contextos relacionados com HTML, enquanto a saída decodificada restaura os caracteres literais que essas entidades representam. Isso não torna automaticamente o resultado apropriado para cada lugar que você pode colá-lo, porque os nós de texto HTML, atributos, scripts e feeds podem ter diferentes necessidades de fuga.

Como a conversão é executada em seu navegador, você pode inspecionar fragmentos de modelo copiado, conteúdo CMS, mensagens de suporte ou parcialmente escapada sem enviar esse texto para outro site. Isso é prático quando seus trechos incluem conteúdo interno ou rascunhos que devem permanecer locais.

Ferramentas relacionadas