Codificador de Entidades HTML
Convierte texto a entidades HTML online — escapa caracteres especiales como <, >, & y " al instante en tu navegador.
Actualizado abril de 2026
Revisado por Rafael Duarte
Cómo funciona
Tres pasos, un modo para cada caso
1. Pega el texto
Escribe o pega cualquier cadena de texto en el campo de entrada.
2. Elige el modo
Esencial (`& < > " '`), Entidades con nombre o Numérico — según tu caso de uso.
3. Copia el resultado
El texto codificado aparece en tiempo real — usa Copiar o Shift+Enter para enviarlo al portapapeles.
Qué hace esta herramienta
Tres modos de codificación
Modo Esencial
Codifica solo & < > " ' — lo mínimo necesario para prevenir XSS, y es el modo recomendado en la mayoría de los casos.
Entidades con nombre
Cubre acentos, monedas, flechas, letras griegas y símbolos matemáticos con su nombre oficial de HTML5.
Numérico (`&#…;`)
Convierte cada carácter no ASCII en una referencia decimal — máxima compatibilidad con parsers antiguos.
100% en el navegador
Ningún texto se envía a un servidor — todo el procesamiento ocurre localmente con JavaScript.
Atajos de teclado
Shift+Enter copia el resultado al instante y Shift+← / Shift+→ alternan entre Codificar y Decodificar sin soltar el teclado.
Decodificador integrado
Un clic en "Intercambiar" envía el texto codificado directo al Decodificador de entidades HTML, sin copiar y pegar a mano.
Ejemplos
Cuándo vas a usar esto
Los escenarios más comunes entre quienes usan la herramienta
Prevenir XSS
Antes de renderizar contenido del usuario en HTML, codifícalo siempre — <script> debe aparecer como texto, nunca ejecutarse.
Ejemplos de código en documentación
Muestra etiquetas HTML tal cual, como texto legible, dentro de un bloque <pre>.
Plantillas de email
Codificar caracteres especiales evita problemas de renderizado en Gmail, Outlook y Apple Mail.
Entrada de contenido en un CMS
Garantiza que los caracteres especiales sobrevivan al ciclo base de datos → navegador.
Sanitizar la respuesta de una API
Verifica que la lógica de encode de tu backend produzca el output esperado.
¿Qué modo usar? Empieza por aquí
Confundirlo con URL encode
La codificación HTML usa entidades (< → <); el URL encode usa percent-encoding (< → %3C) — son contextos distintos.
Codificar de más
Las páginas UTF-8 modernas no necesitan Entidades con nombre ni Numérico para los acentos — el modo Esencial ya es suficiente en la mayoría de los casos.
Confiar solo en el framework
React, Svelte y Vue escapan automáticamente en los bindings normales — la codificación manual solo es necesaria con innerHTML/dangerouslySetInnerHTML.
Codificar un texto que ya está codificado
Ejecutar el encoder sobre una cadena que ya tiene < o & vuelve a transformar el & y genera &lt; — el texto se ve mal en pantalla en lugar de mostrar la etiqueta original. Confirma siempre que el contenido sigue en bruto antes de codificarlo.
Creer que `'` es universal
' solo se estandarizó en HTML5/XHTML — el HTML4 estricto no reconoce esa entidad con nombre. Por eso el modo Esencial usa la referencia numérica ' para la comilla simple, compatible con cualquier versión de HTML.
Por qué codificar aquí
Todo el procesamiento ocurre en el navegador vía JavaScript — ningún texto se envía, se almacena ni se registra en ningún servidor.
Tres modos cubren desde el mínimo de seguridad (Esencial) hasta la máxima compatibilidad con parsers antiguos (Numérico), sin que tengas que memorizar qué entidad con nombre corresponde a cada carácter.
Un solo carácter sin escapar puede romper el layout de una página, abrir una brecha de XSS o hacer que una plantilla de email se vea mal en Outlook y en Gmail — problemas frecuentes cuando el contenido viene de un input de usuario o se pega desde otro sistema sin sanitizar.
Preguntas frecuentes
La codificación HTML sustituye caracteres por entidades (< → <) para mostrarlos de forma segura en un documento. El URL encode usa percent-encoding (< → %3C) para transmitir datos en una URL. Usa codificación HTML cuando insertes contenido dentro de HTML.
Referencias
Referencia de Mozilla con la lista completa de entidades con nombre.
Guía de seguridad sobre cuándo y cómo aplicar la codificación HTML para prevenir XSS.
Lista oficial y completa de todas las entidades con nombre válidas en HTML5, directo de la especificación.
Herramientas relacionadas
- Decodificador de Entidades HTML Desarrollador Decodifica entidades HTML a texto plano online — convierte <, >, & y todas las entidades nombradas al instante.
- Codificador Base64 Desarrollador Codifica cualquier texto a Base64 al instante en tu navegador. Compatible con UTF-8, muestra el recuento de caracteres y el tamaño del payload. Gratis, sin...
- Imagen a Base64 Desarrollador Sube cualquier imagen y conviértela a una data URL Base64 lista para HTML, CSS o JSON — conversor gratuito compatible con PNG, JPEG, SVG y WebP. Sin subida...
- Codificador de URL Desarrollador Codifica cualquier URL o texto a percent-encoding al instante en tu navegador. Sigue el estándar RFC 3986. Gratis y sin registro.
- Decodificador Base64 Desarrollador Decodifica strings Base64 a texto plano al instante en tu navegador. Compatible con UTF-8, entrada multilínea y muestra el tamaño del payload.
