¿Qué es codificar entidades HTML?
En HTML, algunos caracteres tienen un significado especial: el signo menor que abre una etiqueta, el ampersand empieza una entidad y las comillas delimitan los atributos. Si quieres mostrar un fragmento de código en una página, o insertar texto escrito por un usuario, esos caracteres tienen que escaparse; si no, el navegador los interpretará como marcado y el resultado se romperá o, peor, se podrá inyectar código.
Esta herramienta usa la librería he y tiene dos modos. El primero escapa solo los cinco caracteres especiales: & pasa a &, < a <, > a >, las comillas dobles a " y la comilla simple a '. Es lo que necesitas para insertar texto de forma segura en HTML. El segundo modo codifica además todos los caracteres no ASCII, como acentos, la ñ, el símbolo del euro o los emojis.
En ese segundo modo puedes elegir el formato: entidades con nombre cuando existen (á pasa a á), numéricas decimales (á) o hexadecimales (á). Es útil cuando el destino no maneja bien UTF-8 y los acentos acaban convertidos en símbolos extraños, como algunos sistemas antiguos, ciertas plantillas de email o archivos con una codificación distinta. Los emojis y otros caracteres sin nombre se codifican siempre como entidad numérica, sea cual sea el formato elegido.
Todo se procesa en tu navegador, sin subir el texto a ningún servidor. Tienes una prueba gratis con un archivo o un texto pegado; con ToolStudio Pro el uso es ilimitado y puedes codificar varios archivos a la vez y descargarlos en un ZIP.
¿Cómo codificar entidades HTML?
- Pega el texto o arrastra un archivo.
- Elige el modo: solo los 5 caracteres especiales o también todos los caracteres no ASCII.
- Si codificas los no ASCII, elige entidades con nombre, decimales o hexadecimales.
- Pulsa el botón para codificar.
- Copia el resultado o descárgalo.
Usos habituales
- Mostrar ejemplos de código HTML dentro de un artículo o tutorial.
- Escapar texto antes de insertarlo en una plantilla HTML.
- Preparar textos con acentos y ñ para plantillas de email.
- Insertar símbolos como €, © o ™ en sistemas que no admiten UTF-8.
- Escribir valores de atributos que contienen comillas.
Ejemplos de entidades
- & → &
- < → < y > → >
- " → "
- á → á (decimal á, hexadecimal á)
- ñ → ñ (decimal ñ)
- € → € (decimal €)
- © → © (decimal ©)
- Los emojis no tienen entidad con nombre: 😀 → 😀 o 😀
Preguntas Frecuentes
¿Qué modo debo usar?
Para insertar texto con seguridad en una página moderna en UTF-8 basta con escapar los 5 caracteres especiales. Codifica también los no ASCII solo si el destino tiene problemas con los acentos u otros símbolos.
¿Entidades con nombre o numéricas?
Las entidades con nombre (é) se leen mejor, pero no existen para todos los caracteres. Las numéricas sirven para cualquier carácter, incluidos los emojis.
¿Codificar protege de ataques XSS?
Escapar los caracteres especiales es la base para insertar texto en el contenido HTML sin que se interprete como código, pero cada contexto (atributos, URLs, JavaScript) tiene sus propias reglas. No sustituye a una revisión de seguridad.
¿Cómo deshago la codificación?
Con el decodificador de entidades HTML, que convierte las entidades de nuevo en caracteres.
¿Es gratis?
Tienes una prueba gratis por herramienta: un archivo o un texto pegado. Después puedes volver a procesar ese mismo texto con otras opciones tantas veces como quieras, pero para procesar código nuevo necesitas ToolStudio Pro, que te da uso ilimitado de todas las herramientas, varios archivos a la vez descargados juntos en un ZIP y ninguna publicidad. Puedes cancelarlo cuando quieras.