Cómo ver HTML escapado y contar caracteres y líneas

Introduce HTML y consulta source para obtener su representación escapada o preview para recibir el HTML suministrado junto con esa representación. La respuesta también incluye el recuento de caracteres y de segmentos separados por saltos de línea para entradas no vacías.

Qué puedes hacer con el visor HTML

Esta herramienta permite trabajar con texto HTML sin necesidad de rellenar el campo de entrada: si no introduces nada, se utiliza un valor vacío. Para una entrada con contenido, puedes consultar una representación escapada del HTML en modo source o ver el HTML suministrado junto con esa representación en modo preview. En ambos casos se informa del número de caracteres y de los segmentos separados por saltos de línea. El resultado sirve para revisar cómo queda el contenido textual y comprobar rápidamente su tamaño, pero preview no equivale a representar el HTML en un navegador.

Pasos para consultar HTML y su representación escapada

1. Introduce el texto HTML que quieras revisar. El campo es opcional; si lo dejas vacío, la herramienta procesa correctamente el contenido vacío.

2. Elige el modo de trabajo. Si no seleccionas ninguno, se aplica source. Usa source cuando necesites la representación escapada del HTML introducido. Usa preview cuando quieras recibir tanto el HTML suministrado como su representación escapada.

3. Ejecuta la consulta y revisa la respuesta. En una entrada no vacía, comprueba la representación que devuelve el modo elegido y consulta el recuento de caracteres y de segmentos separados por saltos de línea.

4. Si eliges un modo distinto de source o preview, corrige la selección y vuelve a ejecutar la consulta, porque ese valor produce una respuesta de error. Si solo quieres comprobar el comportamiento con una entrada vacía, puedes enviar el campo sin contenido; no se inicia una rama de procesamiento de source o preview.

Cómo interpretar el resultado

La respuesta de source debe interpretarse como una representación escapada del HTML no vacío que has enviado. En preview, la presencia de dos formas del contenido permite distinguir el HTML suministrado de su representación escapada; no significa que se haya ejecutado, saneado o mostrado como una página web.

Los recuentos ayudan a revisar el tamaño del texto y sus saltos de línea, pero no describen el aspecto visual del documento ni validan que el marcado sea correcto. Una respuesta satisfactoria para una entrada vacía contiene contenido vacío, mientras que un modo no admitido devuelve un error. Por eso conviene comprobar primero el modo y después interpretar el contenido devuelto.

Ejemplo práctico

Una persona quiere comparar el HTML que ha escrito con su representación escapada antes de incorporarlo a otro texto.

Pega <p>Hola</p> como entrada, selecciona preview y revisa las partes de la respuesta correspondientes al contenido original, la representación escapada y los recuentos.

La respuesta incluye el HTML suministrado, una representación escapada, el número de caracteres y el número de segmentos separados por saltos de línea.

Limitaciones

• preview ofrece representaciones de texto; no debe interpretarse como renderizado, ejecución, saneamiento ni comprobación de seguridad del HTML.
• Solo source y preview tienen un comportamiento de procesamiento descrito; otro modo produce una respuesta de error.

Errores frecuentes

• Causa: se ha escrito o seleccionado un modo distinto de source o preview. Corrección: elimina ese valor o selecciona uno de los dos modos admitidos; si no eliges ninguno, se utiliza source.

Preguntas frecuentes

¿Qué ocurre si no introduzco HTML?

Sí, si dejas el campo HTML vacío, la entrada se gestiona correctamente con contenido vacío y no pasa por una rama de procesamiento de source o preview.

¿Qué modo se usa cuando no elijo ninguno?

Si no seleccionas un modo, se utiliza source. Para una entrada no vacía, ese modo devuelve una representación escapada del HTML suministrado.

¿El modo preview muestra una página web?

No. preview devuelve el HTML suministrado junto con una representación escapada; estos datos son representaciones de texto y no prueban que el HTML se haya renderizado en el navegador.