Introducción
Un codificador HTML convierte caracteres especiales en entidades HTML, y el decodificador hace el proceso inverso para volver al texto legible. Esto es útil cuando trabajas con marcado, plantillas, contenido generado por usuarios o fragmentos que incluyen símbolos como <, >, &, " y '.
Codificar evita que el navegador interprete ese contenido como HTML real. Por ejemplo, si quieres mostrar código en una página sin que el navegador lo procese como etiquetas, debes convertir antes los caracteres especiales. Decodificar también es útil cuando recibes texto con entidades desde un CMS, una base de datos o una API y quieres leerlo normalmente.
Las conversiones más comunes son < a <, > a > y & a &. Por eso esta herramienta es práctica para desarrolladores, redactores técnicos y personas que publican snippets HTML en documentación o sitios web.
Cómo usarlo
1. Pega tu texto o fragmento HTML en el campo de entrada. 2. Elige Encode para convertir caracteres especiales en entidades HTML. 3. Elige Decode para recuperar el texto normal. 4. Copia el resultado para usarlo en código, documentación, correos o un CMS.
Si el texto ya contiene entidades, revisa el resultado para evitar codificar dos veces.
Ejemplos
- Hello & welcome
- Codificado:
<div>Hello & welcome</div> - Decodificado: Hello & welcome
"quote"puede convertirse en"quote"
Consejos
- Codifica HTML antes de mostrar código sin procesar en artículos o documentación.
- Decodifica texto copiado desde un CMS si las entidades dificultan la lectura.
- Evita codificar el mismo contenido dos veces.
- Úsalo para probar formularios, plantillas o contenido escapado.
FAQ
¿Qué hace la codificación HTML?
Convierte caracteres especiales en entidades seguras para que el navegador los muestre como texto.
¿Por qué & se convierte en &?
Porque & inicia una entidad en HTML y debe escaparse si quieres mostrarlo literalmente.
¿Cuál es la diferencia entre codificar y decodificar?
Codificar transforma caracteres en entidades; decodificar hace lo contrario.
¿Ayuda a prevenir inyecciones HTML?
Ayuda a mostrar contenido de forma segura, pero la seguridad completa depende del escape correcto según el contexto.
¿Qué es la doble codificación?
Ocurre cuando un texto ya codificado se vuelve a codificar y genera resultados incorrectos como <.