Vai al contenuto

Formattatore di codice

Incolla il codice: il linguaggio viene riconosciuto e l'indentazione sistemata.

Indentazione
Opzioni

Formatter per un linguaggio specifico

Funziona nel browser: i tuoi dati non vengono caricati.

Come si usa

  1. Incolla il codice nel campo Codice.
  2. In Lingua, scegli Rilevamento automatico oppure il linguaggio del codice.
  3. In Indentazione, scegli 2 spazi, 4 spazi o Tabulazione.
  4. In Righe vuote, scegli Mantieni al massimo 1 o Rimuovi tutte.
  5. Premi Formatta codice oppure Ctrl+Invio (Cmd+Invio su Mac). Dopo la prima formattazione, il risultato si aggiorna quando modifichi le opzioni o il codice. Per le modifiche al codice, l'aggiornamento automatico funziona fino a 200 KB di input.

Esempi

JSON di un ordine con ID lungo

Input
{"id":12345678901234567890,"cliente":"Giulia Rossi","articoli":["quaderno","penna"],"totale":12.5}
Output
{
	"id": 12345678901234567890,
	"cliente": "Giulia Rossi",
	"articoli": ["quaderno", "penna"],
	"totale": 12.5
}

CSS responsive senza righe vuote

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

.prezzo{color:#146c43;font-weight:bold}

@media(max-width:600px){.catalogo{grid-template-columns:1fr}}
Output
.catalogo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}
.prezzo {
    color: #146c43;
    font-weight: bold
}
@media(max-width:600px) {
    .catalogo {
        grid-template-columns: 1fr
    }
}

JavaScript per calcolare il totale

Input
function totaleCarrello(prezzi){return prezzi.reduce((totale,prezzo)=>totale+prezzo,0);}console.log(totaleCarrello([12.5,8,3.9]));
Output
function totaleCarrello(prezzi) {
  return prezzi.reduce((totale, prezzo) => totale + prezzo, 0);
}
console.log(totaleCarrello([12.5, 8, 3.9]));

Domande frequenti

La formattazione corregge gli errori nel codice?

Non ripara JSON o XML non validi: segnala l'errore con riga e colonna. HTML, CSS e JavaScript vengono formattati anche in presenza di errori di sintassi, quindi un risultato non garantisce che il codice sia valido.

Il codice JavaScript e CSS dentro l'HTML viene formattato?

Il contenuto dei tag script e style resta invariato. Per formattarlo, incollalo separatamente e scegli JavaScript oppure CSS / SCSS / LESS in Lingua.

Posso formattare query MySQL o PostgreSQL?

Qui viene usato il dialetto Standard SQL, non quello specifico di MySQL o PostgreSQL, e le parole chiave mantengono le maiuscole o minuscole originali. Se la pagina segnala un errore di analisi, ad esempio con segnaposto come :nome, usa SQL Formatter, dove puoi scegliere il dialetto del database.

Il codice viene inviato al server o salvato?

La formattazione avviene nel browser: il codice non viene inviato al server né salvato dallo strumento. Nel localStorage vengono memorizzate solo le impostazioni delle opzioni.