Texto y código / MULTIVERTO
Escapa caracteres como &, <, > y comillas para mostrar texto y código dentro de HTML.
Aplica cada herramienta de texto al resultado anterior.
01 / Guía
Los caracteres especiales se sustituyen por entidades HTML: & se convierte en & y < en <.
Escapar texto para un nodo HTML no lo hace seguro en JavaScript, CSS, URL ni en todos los atributos. Usa la codificación adecuada para cada contexto.
02 / Ejemplo
<p class="saludo">Hola & bienvenidos</p><p class="saludo">Hola & bienvenidos</p>03 / Guía
Usa esta dirección cuando quieras mostrar texto literal en una página sin que el navegador trate los corchetes angulares como etiquetas. Si introduces <b>hola</b>, la salida contendrá referencias para los corchetes y un analizador HTML posterior podrá mostrar el fragmento como texto. Se escapa primero el ampersand para evitar que una secuencia parecida a una entidad se interprete de forma inesperada. La herramienta también escapa comillas, pero eso no vuelve el resultado seguro para todo tipo de atributo o script.
No codifiques un documento HTML completo de confianza si quieres que sus etiquetas se representen: verías sus caracteres en vez del contenido formateado. Para comentarios aportados por usuarios, suele convenir asignar textContent o utilizar la inserción segura de texto del framework; esas API gestionan el contexto adecuado. Si el valor irá en un href, una regla de estilo o una cadena JavaScript, usa una API segura o un codificador específico para ese destino.
HTML reserva caracteres como el signo & y los corchetes angulares para el marcado. Las referencias de caracteres permiten representarlos como datos: por ejemplo, & representa un signo & y < representa el signo menor que. El navegador interpreta esas referencias al analizar HTML. Pueden ser referencias con nombre o numéricas, pero su significado depende del contexto en el que las consume el analizador. Ver un texto parecido a una entidad en un archivo normal no significa que ese archivo se haya interpretado como HTML.
Hay una diferencia entre contenido de texto y marcado ejecutable. Mostrar texto facilitado por un usuario dentro de una página no es lo mismo que insertar un fragmento HTML de confianza. Además, un nodo de texto, un atributo, una dirección URL, una regla CSS y una cadena JavaScript exigen tratamientos distintos. Convertir entidades es un paso de representación, no una política completa de seguridad ni un limpiador de HTML. Utiliza las API del DOM o las plantillas adecuadas para el lugar donde insertarás el valor.
Empieza con el texto original y confirma que la aplicación receptora necesita una representación codificada. Pega el texto o carga el ejemplo y examina la salida antes de copiarla. La conversión se realiza en este navegador; el texto introducido no se envía a un servicio de conversión. Esta dirección cambia la escritura de la información, no el significado de la frase. Conserva la fuente junto al resultado al depurar y evita aplicar la codificación dos veces salvo que el formato de destino exija explícitamente dos capas.
Conserva la entrada original si necesitas revisar el resultado. Una representación codificada puede parecer muy distinta del texto, sobre todo cuando hay tildes, emoji, signos o saltos de línea. Si vas a intercambiar el resultado con otro programa, comprueba qué codificación de caracteres y qué formato exacto espera. Prueba primero con un ejemplo corto conocido y contrasta la salida con la aplicación receptora: dos formatos de aspecto parecido no siempre son intercambiables.