¿Cuándo codificar entidades HTML?

Cuando insertes texto de usuario en una página HTML, para evitar XSS, marcado roto o glitches de visualización. Los motores de plantillas en servidor lo hacen automático; la concatenación cliente no.

Codificador / Decodificador de entidades HTML

Codifica y decodifica entidades HTML, nombradas y numéricas.

Funciona en tu navegador

Pega texto para escapar los cinco caracteres XML significativos (& < > " '), o pega HTML con entidades para decodificarlas. Opción: codificar también todos los no-ASCII.

Codificar también no-ASCII

Entrada

Salida

&lt;p&gt;Tom &amp; Jerry&apos;s &quot;aventuras&quot; a las 5:00 € €&lt;/p&gt;

Cómo usarla

Codificar o decodificar
Codificar escapa; decodificar revierte.
Elige el alcance
Por defecto solo los cinco caracteres XML. Activa la opción para escapar todos los no-ASCII.
Copia el resultado
Salida al instante. Botón de copia junto al título.

¿Qué es?

La codificación de entidades HTML reemplaza los caracteres con significado especial en HTML (& < > " ') por sus referencias nombradas (&) o numéricas (&). Decodificar es lo contrario. Es la capa de seguridad entre texto puro y DOM - la diferencia entre mostrar « Tom & Jerry » como texto e interpretar & como inicio de entidad.

Cuándo usarla

Sanear entradas de usuario antes de innerHTML. Limpiar una página raspada para almacenarla. Decodificar feeds RSS o Atom. Depurar un & perdido en una página. Preparar HTML embebido en JSON para meterlo en script tags.

Errores comunes

Codificar dentro de un atributo y olvidar que las comillas también deben codificarse. Codificar texto ya codificado - doble escape. Y confundir entidades HTML con percent-encoding de URL: problemas distintos, sintaxis distinta.

Preguntas frecuentes

¿Cuándo codificar entidades HTML?: Cuando insertes texto de usuario en una página HTML, para evitar XSS, marcado roto o glitches de visualización. Los motores de plantillas en servidor lo hacen automático; la concatenación cliente no.

Codificador / Decodificador de URL

Codifica y decodifica URLs y cadenas de consulta (percent-encoding).

Codificador / Decodificador Base64

Codifica y decodifica cadenas Base64 (texto y archivos).

Formateador y validador JSON

Formatea, minifica y valida JSON al instante.