Cómo se usa
- Pega tu HTML.
- Elige HTML o Vue, la sangría y el ancho de línea.
- Pulsa «Formatear» o Ctrl+Enter (⌘+Enter en Mac).
- Copia el código formateado.
Opciones explicadas
- Ancho de línea
- Cuando un elemento con muchos atributos superaría este ancho, se divide con un atributo por línea.
- Vue
- Formatea componentes de un solo archivo .vue, con sus bloques template, script y style.
Ejemplos
Plantilla de correo. Pega un correo HTML de una sola línea para ver su estructura de tablas con sangría.
Código fuente copiado. Formatea el código fuente de una página para encontrar la sección que necesitas.
Preguntas frecuentes
¿Por qué parte del texto se queda en una sola línea?
En HTML, añadir espacios en blanco entre elementos en línea puede cambiar el aspecto de la página. El formateador respeta el display CSS de cada elemento y no añade espacios que se verían en pantalla.
¿Corrige el HTML no válido?
Añade las etiquetas de cierre que HTML permite omitir, como </li> y </p>. Las etiquetas cerradas en el orden incorrecto producen un error con la línea y la columna, para que puedas corregirlas en el código fuente.
¿Se sube mi código?
No. Todo se ejecuta en tu navegador.
Privacidad
Esta herramienta funciona por completo en tu navegador. Tus archivos y textos se procesan en tu dispositivo y nunca se suben a nuestros servidores.