Codificador de entidades HTML

Qué hace este codificador de entidades HTML

Este codificador de entidades HTML convierte caracteres especiales en sus equivalentes seguros para HTML —y viceversa— sin salir del navegador. En modo codificación escapa los cinco caracteres críticos: &, <, >, " y '; con la opción extendida también convierte todos los caracteres no ASCII a entidades numéricas, útil para emails o entornos donde UTF-8 no está garantizado. En modo decodificación resuelve entidades con nombre (&,  , ©…), decimales ( ) y hexadecimales ( ). Un dato relevante para esta versión en español: la ñ —incorporada a Unicode en 1991— se representa como ñ o ñ, lo que hace que esta herramienta sea especialmente práctica al trabajar con texto castellano en contextos HTML restringidos. 100% en el navegador — tus datos nunca salen de tu equipo. Sin subidas, sin tracking, sin logs en servidor.

Características

• Codificación de los cinco caracteres esenciales. Escapa &, <, >, " y ' con sus entidades nombradas (&, <, >, ", '), cubriendo el 99 % de los casos reales de uso en plantillas HTML.
• Codificación extendida de no-ASCII. Activa la opción «Codificar todos los caracteres no ASCII» para convertir cualquier símbolo fuera del rango ASCII a entidad numérica decimal. Ideal para clientes de email que no renderizan Unicode correctamente.
• Decodificación de entidades nombradas y numéricas. Resuelve entidades con nombre del estándar HTML5, decimales ( ) y hexadecimales ( ). Cubre el conjunto de uso habitual sin inflar el bundle con las ~2 000 entidades del estándar completo.
• Privacidad total — procesamiento local. Toda la transformación ocurre en tu navegador. Ningún fragmento de tu HTML se envía a ningún servidor, lo que lo hace seguro para código propietario o datos sensibles. Consulta la MDN — SubtleCrypto.digest para entender cómo las APIs del navegador moderno permiten operaciones criptográficas y de texto sin necesidad de backend.
• Copia con un clic. Botón «Copiar» que traslada el resultado al portapapeles al instante, sin seleccionar texto manualmente.
• Sin dependencias externas. No carga librerías de terceros para las entidades. El motor es JavaScript puro, lo que garantiza respuesta inmediata incluso con conexión lenta.

Cómo usar el codificador de entidades HTML

Pega tu texto o fragmento HTML, elige el modo y el resultado aparece de inmediato.

1. Pega el contenido. Escribe o pega el texto en el área de entrada. Por ejemplo: <p>Café & jalapeño</p>.
2. Elige el modo. Selecciona «Codificar» para escapar caracteres especiales, o «Decodificar» para convertir entidades de vuelta a texto plano.
3. Activa la codificación extendida si la necesitas. Marca «Codificar todos los caracteres no ASCII» cuando el destino sea un cliente de email o un sistema que no soporte UTF-8. El resultado Café & jalapeño es seguro en cualquier contexto.
4. Copia el resultado. Pulsa «Copiar» para llevar el output al portapapeles y pegarlo directamente en tu plantilla o editor.

Casos de uso comunes

• Plantillas HTML con contenido de usuario. Al incrustar texto proporcionado por el usuario en HTML —comentarios, nombres, descripciones— codificar las entidades previene inyecciones XSS. Si también necesitas normalizar mayúsculas antes de insertar, el [conversor de mayúsculas y minúsculas](/es/case-converter/) puede ayudarte en ese paso previo.
• Extracción de texto plano de HTML scrapeado. Cuando obtienes HTML vía fetch y necesitas el texto limpio, decodificar las entidades te da la cadena legible sin residuos como & o  .
• Documentación técnica con ejemplos de markup. Escribir tutoriales o READMEs que muestren etiquetas HTML requiere escapar < y >. Esta herramienta lo hace en segundos, sin tener que recordar cada entidad de memoria.
• Emails transaccionales y newsletters. Algunos clientes de correo en Ciudad de México o San Juan renderizan mal caracteres acentuados si el charset no está declarado. Convertir a entidades numéricas garantiza que ñ, á y ü lleguen correctamente.
• Verificación rápida de entidades en código heredado. Al revisar código HTML antiguo puedes encontrar entidades sin punto y coma (&amp en lugar de &). Decodificar el fragmento aquí te muestra cómo lo interpreta el navegador real, dado que los navegadores toleran la omisión aunque la especificación la exige.

Preguntas frecuentes