Codificador / decodificador de entidades HTML — escape e unescape de HTML

O que é um Codificador de entidades HTML?

Um Codificador / decodificador de entidades HTML (HTML एनकोडर / डिकोडर) converte caracteres com significado especial em HTML em códigos seguros chamados entidades e converte esses códigos de volta em caracteres. Em HTML, um sinal de menor que inicia uma tag, um e comercial inicia uma entidade e as aspas delimitam valores de atributos. Se você quer que uma página web exiba «<div>», «5 < 10» ou «Tom & Jerry», esses caracteres precisam ser escritos como <, > e &. Caso contrário, o navegador os trata como marcação — quebrando o layout ou, com entradas não confiáveis, abrindo a porta para cross-site scripting (XSS).

Esta ferramenta grátis faz o escape dos cinco caracteres especiais do HTML, também pode converter símbolos comuns em entidades nomeadas, como © e —, ou transformar todo caractere não ASCII — hindi, emoji, ₹ — em referências numéricas para sistemas que só aceitam ASCII simples. No sentido contrário, decodifica qualquer entidade nomeada ou numérica, de   a 😀, de volta no caractere real. A decodificação usa o DOMParser do navegador, que só analisa, então até tags de script coladas nunca são executadas.

Principais recursos

• Somente caracteres especiais — & < > “ ' escapados para conteúdo e atributos HTML seguros.
• Entidades nomeadas — cerca de 30 símbolos comuns (&nbsp; &copy; &reg; &euro; &rarr; &hellip; …).
• Referências decimais — todo caractere não ASCII como &#NNNN;.
• Referências hexadecimais — todo caractere não ASCII como &#xHHHH;.
• Decodifique qualquer coisa — todas as entidades nomeadas do HTML5 e referências numéricas.
• Seguro com emoji — caracteres fora do Plano Multilíngue Básico viram uma só referência, não duas.
• Contagem de entidades e cópia com um clique.
• Privado — roda localmente.

Como usar — passo a passo

1. Escolha Codificar ou Decodificar.
2. Para codificar, escolha um modo — somente caracteres especiais (o mais comum), entidades nomeadas ou numéricas.
3. Cole seu texto, código ou HTML.
4. Copie o resultado ou pressione Usar o resultado como entrada para revertê-lo.

Modos de codificação comparados

Entrada: <p class="note">Price: ₹500 — "Tom & Jerry" © 2026</p>

O sinal de rúpia não tem entidade nomeada, então o modo nomeado o deixa como ₹, enquanto os modos numéricos o convertem.

Os cinco caracteres cujo escape é obrigatório

Escape de HTML e XSS

O cross-site scripting acontece quando um texto não confiável — um nome de usuário, comentário ou termo de busca — é colocado em uma página sem escape, permitindo que um invasor injete <script> ou atributos de manipuladores de eventos. Fazer o escape dos cinco caracteres especiais neutraliza isso em conteúdo normal de elementos e em valores de atributos entre aspas, porque o navegador passa a ver texto e não código. Mas o contexto importa: dados colocados dentro de JavaScript, URLs, CSS ou atributos sem aspas precisam de escape diferente, e alguns pontos de saída (como innerHTML com entrada do usuário) são arriscados de qualquer modo. Em aplicações reais, confie no escape automático do seu framework (React, Angular, Django, Laravel Blade, Jinja e outros fazem o escape por padrão), use textContent em vez de innerHTML em JavaScript simples e adicione uma Content Security Policy. Esta ferramenta é ideal para escapes avulsos, documentação e aprendizado.

Referências numéricas de caracteres

Todo caractere Unicode tem um número chamado ponto de código. O HTML permite escrever qualquer caractere como &# + número decimal + ; ou &#x + número hexadecimal + ;. A letra devanágari न é U+0928, então pode ser escrita como न ou न; «नमस्ते» vira नमस्ते. Os emoji têm pontos de código acima de U+FFFF — 😀 é U+1F600, escrito 😀 ou 😀. Alguns conversores ingênuos dividem esses caracteres em duas referências «substitutas» inválidas; esta ferramenta lê pontos de código completos, então a saída é sempre válida.

Quando você realmente precisa de entidades?

• Sempre para & < > e aspas quando precisam aparecer como texto.
• Mostrar código em tutoriais, blogs e documentação dentro de <pre> ou <code>.
• Sistemas só com ASCII — alguns construtores de e-mail, gateways de SMS, feeds XML ou bancos de dados antigos.
• Caracteres invisíveis ou confundíveis — &nbsp;, &shy; e caracteres de largura zero ficam mais claros como entidades.
• Desnecessárias para hindi, letras acentuadas ou emoji em páginas servidas em UTF-8 — digite-os diretamente.

Decodificando entidades

O texto copiado de códigos-fonte de páginas, feeds RSS, APIs ou bancos de dados muitas vezes chega cheio de entidades: Tom & Jerry, café, ₹500. Mude para Decodificar e cole-o para obter texto legível. O decodificador entende a lista completa de entidades nomeadas do HTML5 (mais de 2,000) e todas as formas numéricas, porque usa o próprio analisador de HTML do navegador. Texto com codificação dupla, como &, é decodificado um nível por vez — pressione «Usar o resultado como entrada» e decodifique de novo.

Como a ferramenta funciona

A codificação percorre seu texto um ponto de código Unicode por vez (não uma unidade UTF-16), então emoji e outros caracteres além de U+FFFF são convertidos inteiros. Os cinco caracteres especiais sempre recebem escape; no modo nomeado, uma pequena tabela de nomes bem suportados é aplicada em seguida; nos modos numéricos, qualquer caractere acima da faixa ASCII (ponto de código 127) vira uma referência decimal ou hexadecimal. A decodificação entrega o texto ao analisador de HTML do navegador, compatível com os padrões, dentro de um documento isolado e sem scripts, e lê de volta o texto simples, e é por isso que as mais de 2,000 entidades nomeadas do HTML5 são reconhecidas. Nenhum texto é enviado a lugar nenhum.

E-mail HTML e entidades

Os clientes de e-mail são menos tolerantes que os navegadores. Alguns clientes ou plataformas de envio mais antigos estragam caracteres não ASCII se a codificação da mensagem não estiver declarada corretamente, transformando «₹» ou «—» em símbolos estranhos. Referências numéricas como ₹ e — sobrevivem a quase qualquer sistema porque são ASCII simples. Ao criar modelos de newsletter, passe os símbolos especiais pelo modo numérico, mantenha as letras normais como estão e sempre envie um e-mail de teste a vários clientes antes de uma campanha.

Usos comuns

• Exibir trechos de código em posts de blog e documentação.
• Preparar texto para modelos de e-mail HTML.
• Limpar texto cheio de entidades exportado de CMSs e feeds.
• Fazer o escape de valores antes de colocá-los em atributos HTML à mão.
• Converter texto em hindi em referências seguras para ASCII em sistemas antigos.
• Aprender como funcionam a análise de HTML e as defesas contra XSS.
• Mostrar exemplos de HTML em posts de fóruns ou caixas de comentário que aceitam marcação limitada.

Erros comuns a evitar

• Fazer o escape duas vezes — &amp;lt; mostra «&lt;» na tela em vez de «<».
• Esquecer o ponto e vírgula — os navegadores muitas vezes adivinham, mas nem sempre corretamente.
• Fazer o escape para o contexto errado — o escape de HTML não deixa o texto seguro dentro de strings de JavaScript ou URLs.
• Usar entidades em vez de UTF-8 para cada letra hindi — incha as páginas e é difícil de editar.
• Atributos sem aspas — sempre coloque aspas nos valores de atributos e depois faça o escape das aspas.

Solução de problemas

• Entidades ainda visíveis na página — o texto foi codificado duas vezes; decodifique uma vez.
• Pontos de interrogação ou quadradinhos — a página não é servida em UTF-8; adicione <meta charset=“UTF-8”> ou use o modo numérico.
• Uma entidade nomeada não foi decodificada — confira a grafia e o ponto e vírgula final.
• As aspas simples parecem inalteradas no modo nomeado — elas recebem escape como o numérico &#39;, que é a forma mais compatível.
• As quebras de linha sumiram da página — o HTML reduz as quebras de linha; envolva o texto codificado em um elemento pre ou converta as quebras em tags br.

Glossário rápido

• Entidade: um código como &amp; que representa um caractere em HTML.
• Entidade nomeada: uma entidade com nome, como &copy;.
• Referência numérica de caractere: &#169; ou &#xA9;, pelo ponto de código.
• Escape: converter caracteres especiais para que sejam tratados como texto.
• XSS: cross-site scripting, a injeção de scripts por meio de entradas sem escape.
• Ponto de código: o número de um caractere no Unicode, como U+0928.

Por que usar este Codificador de HTML?

Ele oferece o nível certo de escape para cada tarefa, trata hindi e emoji corretamente, decodifica toda entidade com segurança e explica quando as entidades são realmente necessárias — grátis, instantâneo e privado.

Codificador / decodificador de entidades HTML — Informações principais

Perguntas frequentes

Conheça mais ferramentas da Prompt Minds

O Codificador / decodificador de entidades HTML funciona muito bem junto com nossas outras ferramentas grátis. Todas as ferramentas do Prompt Minds rodam inteiramente no seu navegador — sem cadastro, sem uploads, sem marca d’água. Ver todas as ferramentas grátis.