Para mostrar código dentro de una página web, para que un «<» no rompa tu HTML o para que una ñ sobreviva en un sistema que solo entiende ASCII, hay que convertir los caracteres especiales en entidades HTML: <, &, á… Este conversor lo hace en los dos sentidos y en tu propio navegador: codifica un texto o un fragmento de código eligiendo entidades con nombre, numéricas o solo las imprescindibles, y decodifica cualquier mezcla de entidades de vuelta a texto normal. Sin subir tu contenido a ningún servidor.
Qué es una entidad HTML y cuándo la necesitas
Una entidad es una forma de escribir un carácter usando solo ASCII: < representa «<», & el «&» y á la «á». Las necesitas en tres situaciones clásicas: al mostrar código como texto (un tutorial que enseña HTML sin que el navegador lo ejecute), al proteger caracteres reservados dentro de atributos y formularios, y al trabajar con sistemas antiguos o correos HTML que no aceptan bien UTF-8 directo. Hay tres estilos: las nombradas (legibles, pero solo existen para unos cientos de caracteres), las numéricas decimales o hexadecimales (valen para cualquier carácter) y el mínimo imprescindible que exige el propio HTML para no romperse.
Cómo se usa
- Pega en el campo superior el texto o el código que quieres transformar.
- Si vas a codificar, elige el modo: con nombre cuando exista entidad (el más legible), todo numérico (el más compatible) o básico (solo <, >, & y comillas).
- Pulsa Codificar a entidades o Decodificar entidades a texto según la dirección que necesites.
- Revisa el cambio de tamaño (las entidades ocupan más caracteres que el original) y copia el resultado.
Ejemplo resuelto
Con el texto de ejemplo que trae el campo de entrada, escrito en crudo —<p class="aviso">¿Qué tal? Pan & vino por 5 €</p>—, la codificación con nombre produce <p class="aviso">¿Qué tal? Pan & vino por 5 €</p>: cada carácter peligroso o no ASCII tiene su entidad. En modo numérico, la misma frase usa ¿ para «¿», é para «é» y € para «€». Y la operación inversa, decodificar <b>á</b>, devuelve exactamente <b>á</b>: ida y vuelta sin pérdidas.
Casos de uso frecuentes
- Escribir tutoriales y documentación: pegar ejemplos de HTML en una página sin que el navegador los interprete.
- Depurar entidades dobles: textos que llegan como «&amp;» tras varias exportaciones se arreglan decodificando paso a paso.
- Preparar correos HTML para herramientas antiguas que exigen ASCII: acentos y símbolos como entidades nombradas o numéricas.
- Limpiar contenido importado: convertir un texto lleno de entidades a texto normal antes de meterlo en una base de datos o una hoja de cálculo.
Limitaciones honestas
- Todo ocurre en tu navegador: el texto que pegas nunca sale de tu dispositivo.
- El modo «con nombre» cubre las letras españolas, los signos ¿ ¡, el euro y la puntuación habitual; cualquier otro carácter no ASCII (otros alfabetos, emojis) se codifica en numérico automáticamente, porque no tiene nombre en HTML.
- La decodificación reconoce las entidades nombradas de la tabla de esta herramienta y todas las numéricas; una entidad inventada o de un estándar privado (por ejemplo, &desconocida;) se deja tal cual en lugar de inventar una sustitución.
- Codificar no es cifrar: cualquiera puede decodificar el resultado; las entidades sirven para compatibilidad y seguridad del marcado, no para ocultar información.
Preguntas frecuentes
¿Necesito entidades si mi página ya es UTF-8?
Para el contenido normal, no: un HTML con charset UTF-8 muestra á, ñ y € directamente. Las entidades siguen siendo imprescindibles para los caracteres que el propio HTML usa como sintaxis (<, >, & y comillas dentro de atributos) cuando quieres que se vean como texto, y útiles en contextos sin UTF-8 garantizado, como algunos correos.
¿Qué es más seguro, entidad nombrada o numérica?
Funcionan igual en cualquier navegador moderno. La nombrada se lee mejor al revisar el código (á se entiende; á hay que conocerlo), y la numérica cubre el 100 % de los caracteres, incluidos los que no tienen nombre. Para textos largos en español se suele usar nombrada donde existe y numérica para el resto, que es justo el modo por defecto aquí.
¿Por qué mi texto tiene & duplicado?
Porque algo ya codificado se codificó otra vez: el «&» de «á» se convirtió en «&» y quedó «&aacute;», que el navegador muestra literalmente como á en vez de á. Se arregla decodificando una vez (con cuidado: hazlo paso a paso y revisa que ningún «&» legítimo se convierta en «&» suelto en un contexto incorrecto).
¿Las entidades sirven también dentro de JavaScript o JSON?
No directamente: en cadenas JavaScript o JSON se usan escapes Unicode tipo \u00E1. HTML solo interpreta entidades en el marcado (y en atributos), no dentro de un <script>. Si tu destino es una API, codifica en el formato de ese destino, no en entidades HTML.
Más herramientas gratuitas
Herramientas relacionadas
Explora también estas herramientas gratuitas en español:
- Convertir URLs Codificadas URL Decode Converter Online: Codifica y Decodifica con Modo Formulario
- Extractor de URLs y Enlaces de un Texto HTML Plano: Lista Todos los Links Encontrados con su Texto Ancla
- Convertir Markdown a HTML Limpio: Formateador Visual Online con Vista Previa al Instante
- Limpiador de Bases de Datos de Nombres y Direcciones con Caracteres Raros: Quita Símbolos, Duplicados y Espacios
- Conversor de Base64 a Imagen Online Visualizador: PNG, JPEG, GIF, WebP y SVG al Instante
- Convertir XML a JSON Online Visor Estructurado Gratis: Pega tu XML y Descarga el JSON Formateado al Instante
- Extractor de Números de Teléfono de un Texto Plano Listado: Saca Móviles y Fijos Limpios, Ordenados y sin Duplicados
- Conversor de Texto Plano a Formato Slug URL SEO Amigable para WordPress y Blogs
Pingback: Convertir URLs Codificadas URL Decode Converter Online: Codifica y Decodifica con Modo Formulario - Ilmhunt