HTML Entities — Codificar y decodificar entidades HTML

Qué hace HTML Entities

HTML Entities codifica los caracteres que tienen un significado especial en HTML y decodifica las referencias de entidades a texto legible. Es útil para preparar ejemplos de documentación, escribir fixtures de pruebas para la lógica de escape, inspeccionar la salida de un CMS, limpiar fragmentos copiados o convertir texto visible en una forma que pueda aparecer con seguridad en el código fuente HTML. El codificador cubre los ampersands, los corchetes angulares, las comillas, los apóstrofos y los caracteres no ASCII con entidades numéricas cuando corresponde. El decodificador admite las entidades con nombre reconocidas por el navegador, como amp, lt, gt, quot, apos, copy, nbsp y muchas más, mediante el propio analizador HTML del navegador.

Los fragmentos reales suelen mezclar entidades con nombre con referencias numéricas decimales o hexadecimales generadas por plantillas, editores, feeds y sistemas heredados. Esta herramienta facilita pasar del texto visible a la forma de código fuente sin escribir un script de prueba. El botón de intercambio te permite llevar la salida de vuelta al modo opuesto para comprobar los viajes de ida y vuelta.

Flujo de trabajo privado en el navegador

Todo el procesamiento se realiza dentro de tu navegador con JavaScript del lado del cliente. La herramienta no envía a ningún servidor fragmentos, valores de configuración, datos generados, texto de consultas ni ejemplos copiados, y no requiere una cuenta. Este modelo exclusivamente local es importante en las utilidades para desarrolladores porque el contenido que se pega en ellas suele parecer datos reales de una aplicación: respuestas de API, registros, ejemplos con forma de variables de entorno, consultas de bases de datos, marcado de borradores o valores copiados de sesiones de depuración en producción. Mantener la transformación en local reduce el riesgo y agiliza la interacción porque no hay viaje de ida y vuelta por la red.

La interfaz es deliberadamente compacta para que puedas pegar la entrada, ajustar las opciones, revisar la salida, copiarla y volver a tu editor. Aun así, conviene revisar los resultados antes de confirmarlos en el repositorio, compartirlos públicamente o usarlos en un flujo de producción. Las herramientas del navegador son excelentes para inspecciones y preparaciones rápidas, pero no pueden entender todas las convenciones de un proyecto, reglas de clasificación de datos o requisitos de validación específicos de una aplicación.

Consejos prácticos

La codificación de entidades no es por sí sola un sanitizador de seguridad completo. Úsala como transformación de texto para ejemplos, pruebas y comprobaciones sencillas de escape, no como sustituto del escape del framework, de las API del DOM, de la política de seguridad de contenido o de un sanitizador verificado al mostrar HTML no confiable. El contexto importa: escapar para un nodo de texto HTML es distinto de escapar para atributos, URL, cadenas de JavaScript y CSS. Al decodificar, recuerda que la salida puede volver a contener corchetes angulares o comillas reales, así que revísala antes de pegarla en una página o plantilla.