#181 · Conversión y codificación

Codificador de entidades HTML

Convierte caracteres reservados en entidades HTML para mostrar texto literalmente dentro de una página sin que el navegador lo interprete como marcado. Es útil al preparar ejemplos de código, fragmentos con símbolos especiales o contenido que debe conservar signos como <, >, &, comillas y apóstrofos.

Entrada de texto

Codificación segura para HTML
Espacio publicitario

Cómo usar esta herramienta de texto

  1. Pega o escribe el texto en el área de entrada.
  2. Ajusta las opciones disponibles si las necesitas.
  3. Pulsa Codificar HTML o usa Ctrl/Cmd + Enter.
  4. Revisa el resultado y las métricas antes de copiarlo o descargarlo.

Qué hace esta herramienta

Sustituye los caracteres con significado especial en HTML por entidades seguras. El contenido resultante puede insertarse como texto visible sin convertir etiquetas accidentales en elementos HTML.

Escapa &, <, >, comillas dobles y apóstrofos mediante entidades HTML estándar, respetando el resto del texto y los saltos de línea.

La codificación evita que el texto se interprete como marcado, pero no reemplaza una política completa de sanitización cuando se permite HTML real.

Ejemplo

Entrada:

<p class="aviso">Tom & Ana dijeron: "¡Hola!"</p>

Resultado esperado: el texto se transforma aplicando las reglas descritas arriba y conserva el contenido semántico.

Casos de uso

  • Preparar fragmentos para documentación técnica o ejemplos de código.
  • Corregir texto copiado desde exportaciones, APIs o archivos de configuración.
  • Comprobar cómo se representan caracteres reservados antes de importar datos.
  • Depurar diferencias entre texto visible y texto almacenado.

Consejos para obtener mejores resultados

  • Trabaja con una copia del texto original cuando el contenido sea importante.
  • Comprueba el contexto de destino: HTML, XML, JavaScript, JSON y CSV tienen reglas diferentes.
  • Prueba primero con una muestra pequeña si el contenido proviene de una exportación grande.
  • Revisa especialmente comillas, barras invertidas y saltos de línea.
  • Usa UTF-8 para conservar correctamente tildes, ñ, símbolos y emoji.

Detalles del procesamiento

Escapa &, <, >, comillas dobles y apóstrofos mediante entidades HTML estándar, respetando el resto del texto y los saltos de línea.

La codificación evita que el texto se interprete como marcado, pero no reemplaza una política completa de sanitización cuando se permite HTML real.

Preguntas frecuentes

¿Qué caracteres conviene convertir al mostrar código HTML como texto?

Como mínimo &, < y > deben tratarse para que el navegador no los interprete como marcado. Si el texto se inserta en atributos, también suele ser necesario escapar comillas según el delimitador usado.

¿Este codificador evita por sí solo ataques XSS?

No. Escapar texto es una medida útil cuando todo el contenido debe mostrarse literalmente, pero una aplicación que permite HTML necesita además reglas de sanitización y un tratamiento adecuado al contexto.

¿Puedo codificar texto con ñ, tildes o emoji?

Sí. Los caracteres Unicode normales se conservan; la herramienta solo transforma los caracteres HTML reservados seleccionados.

¿Por qué & se convierte antes que otros caracteres?

Porque las propias entidades comienzan con &. Procesarlo una sola vez junto con los demás caracteres evita volver a escapar los ampersands generados.

¿Debo codificar comillas si el texto solo va dentro de un elemento?

No siempre. En nodos de texto suelen bastar &, < y >, pero codificar comillas puede ser conveniente si el mismo resultado también se reutilizará en atributos.

Resumen del módulo

MóduloFunción
EntradaTexto procesado localmente en el navegador
MotorReglas específicas de Codificador de entidades HTML
SalidaResultado copiable y descargable en TXT
PrivacidadEl contenido no necesita salir del navegador