Codificador y Decodificador de Entidades HTML
Escapa caracteres especiales de HTML para que sean seguros de incrustar en páginas web, o invierte el proceso para decodificar referencias de entidades de vuelta a texto legible. El modo de entidad numérica opcional codifica cada carácter no ASCII para garantizar la máxima compatibilidad con sistemas heredados, clientes de correo electrónico y codificaciones de caracteres específicas.
¿Qué hace esta herramienta?
La herramienta de Entidades HTML proporciona conversión bidireccional entre caracteres especiales y sus representaciones de entidades HTML. La codificación convierte caracteres como < > & " en sus formas de entidad (< > & ") para que se muestren correctamente en HTML en lugar de interpretarse como marcado. La decodificación invierte las referencias de entidades de vuelta a los caracteres reales. El modo de entidad numérica opcional (&#[decimal];) codifica todos los caracteres no ASCII, útil para sistemas que no manejan correctamente el UTF-8.
Cómo funciona
La codificación utiliza una tabla de mapeo de caracteres para las cinco entidades XML/HTML esenciales y sus formas nombradas: & → &, < → <, > → >, " → ", ' → '. Cuando se habilita el modo numérico, los caracteres fuera del rango imprimible ASCII se convierten en referencias de entidad decimal &#NNNN;. La decodificación usa expresiones regulares para encontrar patrones de entidad (nombrada: &name; numérica: &#NN; o &#xNN;) y los mapea de vuelta a caracteres Unicode mediante tablas de entidades HTML y parseInt para valores numéricos. Todo el procesamiento se realiza en el lado del cliente sin interacción con el servidor.
Características
- Codifica < > & " ' en entidades nombradas
- Entidades numéricas opcionales (&#NN;) para caracteres no ASCII
- Decodifica entidades nombradas, decimales y hexadecimales de vuelta a texto
- Conversión en vivo mientras escribes
- Procesamiento 100% en el lado del cliente
- Maneja todos los nombres de entidades estándar de HTML4 y HTML5
- Preserva el texto al copiar entre contextos
Cómo usar
- 1
Pega tu entrada
Ingresa texto plano para codificar, o texto HTML escapado con entidades para decodificar. La herramienta detecta automáticamente el tipo de contenido o puedes cambiar los modos manualmente.
- 2
Selecciona codificar o decodificar
Elige Codificar para hacer el texto seguro para HTML, o Decodificar para convertir entidades de vuelta a caracteres legibles.
- 3
Conmuta entidades numéricas (codificar)
Habilita entidades numéricas para codificar todos los no ASCII como &#NNNN; — útil para correo electrónico o sistemas heredados que pueden alterar el UTF-8.
- 4
Copia el resultado
Obtén el texto codificado para tu fuente HTML, o el texto decodificado para lectura y edición normal.
Casos de uso comunes
Incrustar código en HTML
Codifica < y > en ejemplos de código para que se muestren correctamente en lugar de ser interpretados como etiquetas HTML por los navegadores.
Preparación de contenido de correo electrónico
Usa entidades numéricas para el HTML de correo electrónico para maximizar la compatibilidad con diversos clientes de correo electrónico que manejan las codificaciones de caracteres de manera inconsistente.
Depuración de contenido raspado
Decodifica referencias de entidades en contenido raspado de la web para ver el texto real, o codifica la entrada del usuario antes de insertarla en plantillas HTML.
Compatibilidad con sistemas heredados
Codifica a entidades numéricas para sistemas que no soportan correctamente el UTF-8, asegurando que los caracteres se muestren correctamente independientemente de la configuración de codificación.
Consejos y buenas prácticas
- Siempre codifica & a & primero en la cadena de procesamiento; de lo contrario, entidades codificadas como < se convertirían en &lt;
- Para la web moderna con charset=utf-8, las entidades nombradas para < > & " ' son suficientes; las entidades numéricas para todos los caracteres generalmente son innecesarias
- El HTML de correo electrónico se beneficia de las entidades numéricas debido al manejo inconsistente del UTF-8 en los clientes de correo electrónico
- Las cinco entidades esenciales son: & (&), < (<), > (>), " ("), ' (') — codifícalas para cualquier contexto HTML