IT

Evidenziazione sintassi

Con questa evidenziazione sintassi colori il codice sorgente senza installare nulla: incolla il codice, scegli il linguaggio e uno schema chiaro o scuro e copia l’HTML pronto. I colori sono inseriti nel codice stesso, così si vede bene in blog, e-mail e documenti senza un foglio di stile aggiuntivo.

Fonte: WCAG 2.2 – Success Criterion 1.4.3 Contrast (Minimum): 4,5:1 per il testo (colori dei due temi verificati). Aggiornato al: .

Incolla il codice sorgente. L’evidenziazione nell’anteprima si aggiorna a ogni modifica.

Il tuo testo resta nel browser: non viene inviato, non viene salvato e non compare nell’indirizzo della pagina.

Anteprima

// Mostrare un saluto
function greet(name) {
  const text = "Ciao, " + name + "!";
  console.log(text);
  return text.length;
}

greet("mondo");
I miei strumenti

Risultato

HTML colorato
<pre style="background:#ffffff;color:#1f2328;padding:12px 14px;border-radius:6px;overflow:auto;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;tab-size:4;margin:0"><code style="font:inherit"><span style="color:#57606a;font-style:italic">// Mostrare un saluto</span> <span style="color:#cf222e">function</span> <span style="color:#8250df">greet</span>(name) { <span style="color:#cf222e">const</span> text = <span style="color:#0a3069">"Ciao, "</span> + name + <span style="color:#0a3069">"!"</span>; console.<span style="color:#8250df">log</span>(text); <span style="color:#cf222e">return</span> text.length; } <span style="color:#8250df">greet</span>(<span style="color:#0a3069">"mondo"</span>);</code></pre>
Rilevato
JavaScript / TypeScript, 8 righe, 144 caratteri
L’HTML contiene i colori come attributi style e si può incollare ovunque sia ammesso HTML. Il riconoscimento è un’approssimazione basata su schemi, non un parser completo; con una sintassi insolita qualche punto può restare senza colore. Il codice viene elaborato solo nel tuo browser, non viene salvato né inviato.

Come si calcola

L’evidenziazione della sintassi colora gli elementi del codice sorgente: parole chiave, stringhe, numeri, commenti e nomi di funzione ricevono ciascuno un colore. Il codice diventa più leggibile, soprattutto in testi, documentazione ed e-mail, dove manca un editor con schema di colori.

Che cosa sa fare l’evidenziatore

Sicuro e senza perdite

Il codice sorgente non viene modificato: viene solo suddiviso in sezioni e racchiuso con indicazioni di colore. Caratteri come < e & vengono resi innocui, così il codice con frammenti HTML non influisce sul resto della pagina. Per riordinare il codice prima, usa il formattatore JSON, il formattatore SQL o il formattatore HTML.

Domande frequenti

Come coloro il codice per un articolo di blog?

Incolla il codice, scegli linguaggio e schema di colori e copia l’HTML dal campo del risultato. Inseriscilo nell’editor del blog come blocco HTML. I colori sono nel codice, quindi non serve un foglio di stile aggiuntivo.

Posso incollare il codice colorato in Word o in una e-mail?

Sì, di solito dall’anteprima: seleziona, copia e incolla, e i colori restano. Nei programmi che non accettano HTML aiuta uno screenshot dell’anteprima.

Quali linguaggi sono supportati?

JavaScript e TypeScript, JSON, HTML con script e stile incorporati, CSS, SQL, Python e Bash. Per qualsiasi altro linguaggio scegli «Testo semplice»; resta solo la formattazione del blocco.

Il mio codice viene salvato o inviato?

No. L’elaborazione avviene nel tuo browser. Il codice non compare nell’indirizzo e non viene salvato.

Perché alcune parti non sono colorate?

L’evidenziatore riconosce schemi come parole chiave, stringhe e commenti, ma non è un parser completo. Una sintassi insolita o una variante del linguaggio a volte resta nera.

Fonti e riferimenti normativi

Aggiornato al: · Principi editoriali

Strumenti correlati