Escapar HTML
Haga que cualquier texto pueda ir dentro de HTML sin riesgo, para que se muestre tal cual en lugar de interpretarse como marcado.
Texto
Codificado
Escapar HTML online
Mostrar código en un artículo de blog, poner el nombre de un producto en una plantilla o enseñar lo que ha escrito un usuario exigen el mismo paso: convertir en entidades los caracteres que el HTML trata como sintaxis. Esta página abre el codificador de entidades HTML en modo de codificación con un ejemplo.
Antes y después
| Texto | Escapado |
|---|---|
<p>Hello</p> | <p>Hello</p> |
Tom & Jerry | Tom & Jerry |
say "hi" | say "hi" |
Escapar en el código
| Lenguaje | Función |
|---|---|
| PHP | htmlspecialchars($s, ENT_QUOTES) |
| Python | html.escape(s) |
| JavaScript (DOM) | asigne textContent en lugar de innerHTML |
| Plantillas | Twig, Jinja, Blade y React escapan la salida por defecto |
Si su motor de plantillas ya escapa la salida, no escape el texto antes, o los visitantes verán &amp; en lugar de &.
Herramientas relacionadas
Para el proceso inverso, use decodificar entidades HTML. Para texto que va dentro de una URL y no de una página, use el codificador de URL.