Saltar al contenido

Escapado/Desescapado de HTML

Escapado/Desescapado de HTML

La codificación y decodificación HTML permite escapar y desescapar entidades HTML, manejar caracteres especiales y mostrar etiquetas; es útil para mostrar entrada de usuarios, ejemplos de código y tratamiento seguro de contenido.

Escapado/Desescapado de HTML

Inicio rápido

1
Introduce contenido (HTML o texto ya escapado) en el cuadro de texto
2
Elige Codificar o Decodificar
3
Haz clic en el botón para convertir; el resultado aparece en el mismo cuadro
4
Haz clic en Copiar para reutilizar el resultado

Escenarios comunes

Comentarios de usuario

Escapar comentarios enviados por usuarios para prevenir ataques XSS

Publicaciones de blog

Mostrar ejemplos de código HTML en artículos

Publicaciones de foro

Mostrar de forma segura contenido generado por usuarios

Mensajes de chat

Prevenir la propagación de código malicioso a través de funciones de chat

Datos de formulario

Procesar y mostrar datos de envío de formularios

Visualización de código

Mostrar fragmentos de código HTML/JavaScript en páginas web

Escenario adicional

html entities, escape html y unescape html pueden resolverse en el mismo flujo para revisar el resultado antes de copiarlo o exportarlo.

Consejos de uso

Escape contextual: Elija la estrategia de escape apropiada según la ubicación de salida
Procesamiento del lado del servidor: El escape de seguridad crítico debe hacerse del lado del servidor
Doble verificación: Verifique la salida después del escape para asegurar que nada se pase por alto
Use bibliotecas: Los entornos de producción deben usar bibliotecas de escape maduras en lugar de procesamiento manual
Verificación de vista previa: Vista previa de la visualización real en la consola del navegador después del escape

Reglas de escape y entidades

Caracteres comunes: < > & " ' (la barra / generalmente no es necesaria; depende del contexto)
Formato de entidad: Los caracteres especiales se convierten al formato &entity; o &#code;, ej. < se convierte en < o <
Escape de atributos: Las comillas se convierten en ", protegiendo los valores de atributos HTML
Protección de scripts: Las etiquetas <script> se escapan automáticamente para prevenir inyección JavaScript
Procesamiento de etiquetas: <div> se convierte en <div>, evitando el análisis del navegador

Limitaciones y compatibilidad

No es un sanitizador: no elimina scripts/eventos/protocolos inseguros; combínalo con sanitización de contenido
Protección incompleta: El escape solo no puede prevenir todos los XSS, combine con otras medidas de seguridad
Dependiente del contexto: Diferentes ubicaciones requieren diferentes estrategias de escape (contenido HTML, atributos, JavaScript, CSS)
Para mantener la página fluida, textos muy grandes pueden procesarse de forma simplificada. Considere dividir

Privacidad y seguridad

Todo el procesamiento se realiza localmente en tu navegador; puedes sustituir, borrar y volver a procesar el contenido actual en cualquier momento.

Preguntas frecuentes

5

Continúa con estas herramientas relacionadas para el siguiente paso.