Herramientas de desarrollo

Visor HTML

Inspecciona texto HTML en modo de código fuente o de vista previa y consulta el recuento de caracteres y líneas.

Ejecutar herramienta

Esta utilidad procesa texto HTML y genera representaciones textuales estructuradas del contenido ingresado. Dispone de dos opciones de visualización según las necesidades de inspección: el modo de código fuente y el modo de vista previa. Al procesar fragmentos en el modo de código fuente, la herramienta entrega una representación con caracteres escapados, adecuada para examinar entidades y etiquetas sin interpretarlas directamente. Al seleccionar el modo de vista previa, la salida proporciona tanto el texto HTML original como su correspondiente versión con caracteres especiales sustituidos. Junto con el contenido transformado, la interfaz calcula métricas descriptivas sobre el bloque introducido. En concreto, devuelve el recuento de caracteres y el número de segmentos delimitados por saltos de línea. Si el campo de entrada queda vacío, el sistema devuelve un contenido vacío sin emitir fallos. Toda opción distinta a las dos modalidades reconocidas genera una respuesta de error.

Instrucciones

  1. Introduce el texto o fragmento HTML en el campo de entrada correspondiente.
  2. Elige la modalidad deseada escribiendo la opción de código fuente o la de vista previa.
  3. Pulsa el botón de ejecución para procesar el texto.
  4. Revisa en el panel de resultados la versión con caracteres escapados y las métricas de caracteres y líneas.

Ejemplos

  • Entrada con una etiqueta de párrafo como <p>Hola mundo</p> en modo de código fuente: devuelve el texto con caracteres especiales escapados junto con las cifras de caracteres y líneas.
  • Entrada con varias líneas de código HTML en modo de vista previa: devuelve el texto original, la versión con caracteres escapados y el recuento de caracteres y saltos de línea.

Preguntas frecuentes

¿Qué ocurre si se envía el campo de entrada vacío?

La herramienta gestiona la entrada vacía devolviendo una respuesta con contenido vacío y sin errores.

¿Qué diferencia existe entre el modo de código fuente y el de vista previa?

El modo de código fuente genera únicamente la versión con caracteres HTML escapados, mientras que el modo de vista previa incluye tanto el texto HTML suministrado como su representación escapada.

¿El modo de vista previa ejecuta scripts o renderiza páginas web?

No. Esta herramienta proporciona exclusivamente representaciones textuales y no realiza renderizado web en navegador ni ejecución de scripts.

¿Qué métricas adicionales se muestran tras el procesamiento?

La salida incluye el recuento total de caracteres y el número de segmentos delimitados por saltos de línea presentes en el texto introducido.

Insertar esta herramienta

Añade esta herramienta funcional de SmartPlusLab a tu sitio web con el siguiente código.