Anteprima Markdown

Cos'è il Markdown?

Markdown è un linguaggio di markup leggero creato da John Gruber nel 2004 per scrivere testo formattato usando solo una tastiera normale. **grassetto**, # titoli, - liste — piccole convenzioni che si trasformano in HTML pulito. È il formato predefinito per i file README su GitHub, i post su Reddit e Stack Overflow, i generatori di documentazione e la maggior parte delle app per appunti. Questo previewer interpreta il tuo input con la libreria marked e mostra l'HTML renderizzato accanto al sorgente, così puoi iterare velocemente senza lasciare la pagina.

Come usare questo previewer

Scrivi o incolla Markdown a sinistra. Il pannello a destra si rigenera mentre digiti. Attiva Stile GitHub per abilitare estensioni come tabelle, liste di task e barrato. Attiva A capo a ogni riga se vuoi che ogni interruzione di riga diventi un <br> (la maggior parte degli editor preferisce il default, in cui serve una riga vuota tra paragrafi). Clicca su Copia HTML per portare l'HTML renderizzato negli appunti — incollalo in un CMS, in un'email o ovunque accetti HTML.

Riferimento rapido alla sintassi

I token Markdown più comuni. Il previewer accetta l'intera specifica CommonMark più le estensioni in stile GitHub quando l'opzione GFM è attiva.

Markdown	Viene renderizzato come
`# Title`	Titolo principale
`bold`	grassetto
`italic`	corsivo
`code`	`codice inline`
`[text](url)`	Collegamento
`- item`	Voce di elenco puntato
`> quote`	Citazione
`\| a \| b \|`	Riga di tabella (GFM)

Domande frequenti

Il mio Markdown viene inviato da qualche parte?

No. Il parsing avviene interamente nel tuo browser usando la libreria marked caricata da una CDN pubblica. Dopo il caricamento iniziale dello script, non vengono fatte ulteriori richieste — la digitazione e il rendering sono al 100% offline. Apri DevTools > Network e non vedrai traffico mentre modifichi. Sicuro per bozze, documenti interni e qualsiasi cosa tu non incollerebbe in un editor cloud.

Cosa fa l'opzione GFM?

Il Markdown in stile GitHub aggiunge estensioni alla base CommonMark: tabelle, liste di task (- [x] fatto), barrato (~~testo~~), autolink e regole di lista/paragrafo leggermente diverse. Con l'opzione attiva vedrai il rendering di GitHub; con l'opzione disattivata, CommonMark stretto. Le piattaforme più diffuse (GitHub, GitLab, Stack Overflow) usano GFM, quindi lasciala attiva di default.

Perché un singolo a capo non genera una nuova riga?

Per la specifica Markdown, un singolo a capo è solo uno spazio — i paragrafi sono separati da righe vuote. Questo corrisponde al comportamento di Word/Google Docs ed è ciò che fa GitHub. Se vuoi che ogni a capo crei una nuova riga (per esempio per la poesia, elenchi di nomi, righe di log), abilita l'opzione A capo a ogni riga.

L'output è sicuro da incollare nel mio sito?

Fai attenzione con Markdown da fonti non affidabili. Markdown permette il pass-through di HTML grezzo, quindi una fonte malevola potrebbe incorporare un tag <script> che si esegue quando incolli l'HTML renderizzato in un punto che non sanitizza. Questo previewer è per ispezione — se passi Markdown inviato dagli utenti al tuo sito, fai passare l'output attraverso un sanitizzatore come DOMPurify lato server prima di servirlo.

Posso esportare in PDF o Word?

Non direttamente da qui, ma il flusso è semplice: copia l'HTML renderizzato con il pulsante, incollalo in un editor di documenti (Google Docs, Pages, LibreOffice mantengono tutti la formattazione HTML quando incolli) ed esporta da lì. Per il PDF, la via più semplice è stampare l'HTML renderizzato — la finestra di stampa del browser ha la destinazione "Salva come PDF".

Perché parte dell'HTML viene renderizzato grezzo nel mio output?

Markdown permette intenzionalmente HTML inline — qualsiasi cosa tra < e > che assomigli a un tag viene lasciata passare così com'è. Se vuoi mostrare l'HTML invece di renderizzarlo, escapa le parentesi angolari (< e >) o avvolgi lo snippet in un blocco di codice (tre backtick). Lo stesso trucco vale per qualsiasi punteggiatura Markdown letterale.

Anteprima Markdown