Cómo usarlo
- Pegar código, soltar un archivo o cargar la muestra; el idioma está preestablecido para esta página y se puede cambiar.
- Elija formato o minimice y ajuste la sangría, el ancho y otras opciones; el resultado aparece a la derecha a medida que escribe.
- Copiar o descargar el resultado; En caso de error, utilice "Ir al error", corríjalo y ejecútelo nuevamente.
Opciones de estilo de código
| Opciones | Recomendación |
|---|---|
| Sangría | 2 espacios (común en la interfaz) / 4 espacios / tabulación |
| ancho de línea | Ajustar a 80; 100 o 120 para pantallas anchas |
| Cotizaciones | Doble (valor predeterminado más bonito) o sencillo |
| Punto y coma | Activado de forma predeterminada para evitar sorpresas de ASI |
| Comas finales | Agregado en listas de varias líneas para diferencias más limpias |
Idiomas y motores
El formato utiliza los mismos motores de código abierto que los editores populares, por lo que los resultados coinciden con Prettier en VS Code y su equipo puede mantener un estilo. Cada motor se carga desde este sitio y se ejecuta en su navegador.
| Idioma | Formato | Comprimir |
|---|---|---|
| HTML | Más bonita 3 | ✓ comentarios y espacios en blanco |
| XML | Motor XML XunL | ✓ |
| CSS/SCSS/Menos | Más bonita 3 | ✓ Reestructuración de CSSO |
| JavaScript/Mecanografiado | Más bonita 3（Babel） | ✓ Terser (solo JavaScript) |
| JSON | Más bonita 3 | ✓ los números grandes mantienen la precisión |
| YAML | Más bonita 3 | — (comentarios mantenidos) |
| SQL | formateador sql (14 dialectos) | — |
Preguntas frecuentes
¿El formato cambiará el aspecto de la página?
De forma predeterminada, los espacios en blanco siguen la visualización CSS: los elementos del bloque pueden romper las líneas mientras se conserva el espacio entre los elementos en línea, como span y b, por lo que la representación permanece igual. "Estricto" es el más conservador; "Ignorar" es la opción más ordenada, pero puede cambiar el espacio entre líneas.
¿Es segura la minificación de HTML?
Es conservador: los comentarios ordinarios se eliminan (los comentarios condicionales de IE permanecen), los espacios en blanco se colapsan en un espacio y se eliminan solo entre etiquetas de bloque; El contenido previo, del área de texto, del guión y del estilo no se modifica.
¿Se cargó mi código?
No. Los motores se descargan desde este sitio y se ejecutan en su navegador; su código nunca pasa por nuestros servidores ni por ningún tercero, por lo que es seguro para el código interno y la configuración.
¿Qué tamaño pueden tener los archivos?
Hasta 5 MB por archivo; por encima de 300 KB, la página espera el botón en lugar de formatear mientras escribe, para que el navegador siga respondiendo.