Entrada0 líneas
Salida
Formatted code will appear here…Formateador de HTML, CSS y JavaScript
¿Qué es el formateador HTML/CSS/JS?
El formateador vuelve legible el código minificado o caótico: sangría uniforme, saltos de línea lógicos, llaves ordenadas, para HTML, CSS y JavaScript. Útil para entender código ajeno, depurar archivos minificados o unificar el estilo antes de un commit.
Cómo usarlo
- Pega el código; el lenguaje se detecta o se elige a mano.
- Elige la sangría (2 o 4 espacios, tabuladores).
- Formatea, copia o descarga.
Características
- Tres lenguajes con reglas propias (por ejemplo, elementos en línea en HTML).
- Sangría y longitud de línea ajustables.
- Avisos de error con llaves sin cerrar.
- Local, sin cuenta.
Herramientas relacionadas
Minificador de código, formateador de JSON, probador de regex.
Read the guide
Cómo formatear código HTML, CSS y JavaScript que no escribiste (y mantener el tuyo consistente)
Por qué el formato no es cuestión de gustos, cómo hacer legible en segundos código minificado o ajeno, las convenciones que se han impuesto y cómo Prettier y EditorConfig mantienen tu código consistente sin esfuerzo.
Preguntas frecuentes
¿Cambia el funcionamiento del código?
No, solo espacios y saltos. Las cadenas y la lógica no se tocan.
¿Se conservan los comentarios?
Sí.
Guías que te pueden interesar
Lecturas breves y prácticas que acompañan a esta herramienta.
Cómo encontrar y arreglar enlaces rotos en tu web (y evitar que vuelvan)Herramientas SEO y web
Cómo descargar una miniatura de YouTube en HD (y usarla legalmente)Herramientas de vídeo de YouTube
Metaetiquetas explicadas: cómo leer la configuración SEO de cualquier página, incluida la de tu competenciaHerramientas SEO y web
Más Herramientas para desarrolladores
Gratis, en tu navegador, sin registro.
Probador de regex
Minificador de código
Generador de contraseñas
Codificador y decodificador Base64