Ir al contenido

Formateador de código

Pega cualquier código: detectamos el lenguaje y lo formateamos con una sangría limpia.

Sangría
Opciones

Formateador para un lenguaje concreto

Funciona en tu navegador: tus datos no se suben.

Cómo se usa

  1. Pega tu código en el cuadro de entrada.
  2. En Idioma, elige Detección automática o selecciona el lenguaje de tu código.
  3. En Sangría, selecciona 2 espacios, 4 espacios o Tabulación.
  4. En Líneas en blanco, elige Mantener hasta 1 o Eliminar todas.
  5. Pulsa Formatear código o usa Ctrl+Enter (Cmd+Enter en Mac).

Ejemplos

Respuesta JSON de un pedido con tabulaciones

Entrada
{"pedido":12345678901234567890,"cliente":"Lucía Pérez","articulos":[{"nombre":"Cuaderno","cantidad":2}],"pagado":true}
Salida
{
	"pedido": 12345678901234567890,
	"cliente": "Lucía Pérez",
	"articulos": [{
		"nombre": "Cuaderno",
		"cantidad": 2
	}],
	"pagado": true
}

CSS adaptable sin líneas en blanco

Entrada
.catalogo{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.tarjeta{padding:12px;border:1px solid #ddd}

@media(max-width:600px){.catalogo{grid-template-columns:1fr}}
Salida
.catalogo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}
.tarjeta {
    padding: 12px;
    border: 1px solid #ddd
}
@media(max-width:600px) {
    .catalogo {
        grid-template-columns: 1fr
    }
}

JavaScript minificado de un carrito

Entrada
function totalCarrito(productos){return productos.reduce((total,p)=>total+p.precio*p.cantidad,0)}console.log(totalCarrito([{nombre:"Café",precio:8.5,cantidad:2}]));
Salida
function totalCarrito(productos) {
  return productos.reduce((total, p) => total + p.precio * p.cantidad, 0)
}
console.log(totalCarrito([{
  nombre: "Café",
  precio: 8.5,
  cantidad: 2
}]));

Preguntas frecuentes

¿Por qué no se formatea mi JSON?

El JSON debe ser válido: no admite comentarios ni comas finales. Si hay un error, la herramienta indica la línea y la columna. Corrige el código antes de volver a formatearlo.

¿Puedo formatear SQL para MySQL o PostgreSQL?

Esta página usa SQL estándar y conserva las mayúsculas y minúsculas de las palabras clave tal como las escribiste. Si tu consulta requiere un dialecto concreto, usa el Formateador SQL.

¿Se formatea también el JavaScript y el CSS dentro del HTML?

El contenido de las etiquetas script y style se deja sin formatear. Para formatearlo, pega ese contenido por separado y selecciona JavaScript o CSS / SCSS / LESS en Idioma.

¿Se envía o se guarda mi código?

El código se formatea en tu navegador, no se envía al servidor ni se guarda. Solo se guardan las opciones de formato en localStorage. Los eventos de analítica no incluyen el código.