Formato JavaScript / CSS

Formatea código fuente de JavaScript y CSS

Características

Formateo compatible con JS y CSS

Formatea JavaScript y CSS por separado cambiando de pestaña

Elige entre 4 anchos de sangría

Admite 2 espacios, 4 espacios, tabulación y compresión

Estilo de llaves seleccionable

Indica en JS si la llave de apertura va en la misma línea o tras un salto

Estable gracias a Prettier

Salida estable mediante una biblioteca de formateo de referencia

Cómo usar

1

Selecciona la pestaña de lenguaje

Cambia entre la pestaña de JavaScript o CSS para indicar el objetivo

2

Pega el código

Introduce en el campo de entrada el código fuente que quieres formatear

3

Configura el estilo

Elige el ancho de sangría y el estilo de llaves a tu gusto

4

Ejecuta el formateo

Pulsa el botón de formateo para mostrar el resultado y poder copiarlo o guardarlo

Casos de uso

Formatear antes de una revisión de código

Ordena el código desordenado en un estilo unificado para agilizar la revisión

Hacer legible código comprimido

Expande el código minificado para descifrar su contenido

Comprimir el código de entrega

Con la opción de compresión, reduce el tamaño del archivo para la distribución

Pasar a limpio ejemplos de aprendizaje

Ordena el código copiado para que sea legible y facilite su comprensión

Seguridad y privacidad

Procesamiento en el navegador

Los datos introducidos se procesan únicamente dentro de su navegador y no se envían al exterior.

Procesamiento solo en el navegador

el formateo del código se procesa completamente en su navegador y los datos de entrada no se envían a ningún servidor.

Comunicación cifrada con HTTPS

La carga de la página también se cifra con TLS y terceros no pueden leer su contenido.

Sin envío a terceros

Los datos de entrada no se envían a servicios externos como redes publicitarias o rastreadores.

Sin guardado automático de resultados

el resultado del formateo y sugerencias de entrada no se almacenan en el servidor.

Herramientas relacionadas