Formateadores de código

HTML Formatter

Analiza y formatea documentos HTML completos y fragmentos habituales con Prettier.

Pulsa Ctrl / ⌘ + Enter para ejecutar
Resultado de solo lectura

Analiza y formatea documentos HTML completos y fragmentos habituales con Prettier.

Qué hace esta herramienta

HTML Formatter utiliza el analizador HTML de Prettier y complementos relacionados para crear árboles de sintaxis en lugar de depender de expresiones regulares para ajustar líneas a voluntad. Los códigos incrustados en script y estilo también se manejan mediante los complementos de análisis correspondientes.

  • El código solo se analiza como una cadena, no se inserta en el DOM ni se coloca en un iframe ejecutable.
  • Admite documentos completos y fragmentos HTML comunes.
  • Los errores de análisis muestran mensajes específicos y preservan la entrada.

Cómo utilizarla

  1. Pegue el documento HTML o el fragmento.
  2. Elija sangría de 2 o 4 espacios.
  3. Haga clic en "Formatear HTML".
  4. Copie los resultados o descargue formateado.html.

Usos habituales

  • Organizar plantillas comprimidas.
  • Unifique la sangría y el ajuste de atributos antes de la revisión del código.
  • Compruebe si hay problemas obvios en la estructura de la etiqueta.

Funciones de HTML Formatter

Utilice Prettier para analizar y formatear HTML, admitiendo documentos completos y fragmentos de código comunes. Es adecuado para escenarios diarios de desarrollo, depuración, clasificación de datos y optimización de código. Los resultados del procesamiento se pueden ver, copiar o descargar directamente.

FAQ

¿La herramienta ejecutará el script?

Absolutamente no. HTML simplemente se pasa al analizador de formato como texto y los resultados también se muestran en cuadros de texto de solo lectura.

¿Por qué el estilo de salida es diferente al del texto original?

Prettier utiliza reglas de formato consistentes y deterministas, posiblemente volviendo a ajustar atributos o formateando algunas etiquetas.

¿Se puede formatear una página que contiene estilo y secuencia de comandos?

Sí, la página carga complementos de análisis HTML, CSS y JavaScript a pedido para manejar contenido incrustado común.

Volver a Herramientas para desarrolladores