Visualizzatore Markdown
Anteprima Markdown in tempo reale con esportazione in PDF (testo selezionabile, tramite Salva come PDF) o in HTML. Supporta il Markdown in stile GitHub (tabelle, blocchi di codice, link automatici) e i diagrammi Mermaid nei blocchi ```mermaid. Il testo viene salvato in locale, quindi resta anche se ricarichi la pagina, e non esce mai dal tuo browser.
L'anteprima comparirà qui. Clicca Carica esempio per partire subito.
0 parole · 0 caratteri · 0 righe
Come funziona
Scrivi o incolla il Markdown nell'editor a sinistra e l'anteprima formattata compare a destra mentre scrivi. Il visualizzatore supporta il Markdown in stile GitHub (GFM): titoli, paragrafi, grassetto, corsivo e barrato, elenchi numerati e puntati, link, immagini, tabelle, blocchi di codice, citazioni, linee orizzontali, liste di attività e HTML in linea filtrato.
Il funzionamento è semplice e basato su standard. Il testo Markdown passa a marked, un parser Markdown veloce e conforme alle specifiche, con le estensioni GFM attive. L'HTML prodotto passa poi da DOMPurify, che toglie il markup pericoloso (tag script, gestori di eventi, URL javascript:, attributi sospetti) prima che finisca nella pagina. Questo secondo passaggio è importante: un file .md ricevuto da altri non deve poter eseguire JavaScript in questa pagina.
Diagrammi Mermaid: i blocchi di codice marcati ```mermaid diventano diagrammi SVG nell'anteprima, dai diagrammi di flusso a quelli di sequenza e di classe, con tutta la sintassi Mermaid. La libreria Mermaid viene scaricata solo la prima volta che il documento contiene davvero un blocco mermaid, quindi non pesa sui documenti che non la usano. Se un diagramma ha un errore di sintassi, al suo posto compare un messaggio di errore leggibile e il resto dell'anteprima continua a funzionare.
Tre modalità di visualizzazione: • Affiancati: editor e anteprima uno accanto all'altra (predefinita). Ideale mentre scrivi. • Anteprima: solo l'anteprima, a tutta larghezza. Ideale per leggere o prima di esportare. • Sorgente: solo l'editor, per scrivere senza distrazioni.
Esportare: • Esporta PDF mette il solo contenuto formattato in un documento pulito, impaginato per la stampa, e apre la finestra di stampa del browser: scegli “Salva come PDF” e ottieni un PDF con testo selezionabile e ricercabile e interruzioni di pagina gestite dal browser. • Stampa apre la finestra di stampa sulla pagina, con un foglio di stile di stampa che nasconde barra degli strumenti ed editor. • Scarica .md salva il sorgente Markdown in un file .md da conservare o mettere sotto git. • Scarica .html salva l'HTML generato dentro un documento HTML5 minimale, da incorporare o modificare. • Copia HTML copia l'HTML generato negli appunti, da incollare in un CMS o in un'email.
Collega file: nei browser che supportano la File System Access API (Chrome ed Edge, per esempio) puoi aprire un file .md dal disco e tenerlo sincronizzato in entrambe le direzioni. Le modifiche fatte qui vengono salvate nel file in automatico, e se il file cambia in un altro programma il nuovo contenuto viene ricaricato. Se il file cambia mentre hai modifiche non salvate, lo strumento ti chiede se ricaricare dal disco o tenere le tue.
Il testo viene salvato nel localStorage mentre scrivi, quindi puoi chiudere la scheda e tornare più tardi senza perdere nulla; anche la modalità di visualizzazione viene ricordata. Niente viene caricato su un server: la scheda Rete degli strumenti per sviluppatori non mostra richieste mentre scrivi, visualizzi ed esporti.
Domande frequenti
Come si apre e si legge un file .md?
- Apri il file con un editor di testo, copia il contenuto e incollalo nell'editor: l'anteprima formattata compare subito. In Chrome ed Edge puoi anche usare Collega file, che apre il file .md dal disco e salva lì le modifiche che fai.
Come si converte un Markdown in PDF?
- Clicca Esporta PDF e nella finestra di stampa scegli “Salva come PDF” come destinazione. Il PDF contiene solo il documento formattato, con testo selezionabile e ricercabile, senza la barra degli strumenti o l'editor.
Quale Markdown è supportato?
- Il Markdown in stile GitHub (GFM), tramite la libreria marked. Comprende tutto CommonMark (titoli, elenchi, link, immagini, blocchi di codice, citazioni) più le estensioni GFM: tabelle, link automatici, blocchi di codice delimitati, barrato, liste di attività. L'HTML in linea viene interpretato ma filtrato: <script>, <iframe>, gestori di eventi e URL javascript: vengono eliminati.
È sicuro incollare Markdown preso da fonti sconosciute?
- Sì. Dopo che marked lo ha convertito in HTML, DOMPurify elimina ogni elemento o attributo che non è nella sua lista di quelli sicuri, prima che il risultato venga inserito nella pagina. Un file .md ricevuto da uno sconosciuto può mostrare contenuti strani, ma non può eseguire script nel tuo browser.
Il mio lavoro viene salvato?
- Sì. Ogni modifica viene salvata in automatico nel localStorage, quindi puoi chiudere la scheda, tornare il giorno dopo e ritrovare il testo. Clicca Svuota per ricominciare da zero. Anche la modalità di visualizzazione (Affiancati, Anteprima, Sorgente) viene ricordata.
Supporta tabelle e blocchi di codice?
- Sì. Le tabelle usano la sintassi a barre verticali di GitHub con la riga di separazione sotto l'intestazione. I blocchi di codice usano tre apici inversi o un rientro di quattro spazi, il codice in linea un apice inverso singolo. Vengono mostrati con un font monospazio e uno sfondo leggero, senza evidenziazione della sintassi, per tenere leggero lo strumento.
Supporta formule LaTeX o equazioni?
- No. Un motore per le formule come KaTeX aggiungerebbe circa 250 KB compressi, che teniamo fuori. Le formule come $x = a + b$ compaiono come testo normale. Se ti serve rendere delle formule, usa uno strumento dedicato come StackEdit o HackMD.
Mostra i diagrammi Mermaid?
- Sì. Metti la sintassi Mermaid in un blocco ```mermaid e diventa un diagramma SVG nell'anteprima: diagrammi di flusso, di sequenza, di classe, di stato e altri. La libreria Mermaid (qualche centinaio di KB) viene scaricata solo quando il documento contiene un blocco mermaid, così i documenti di solo testo restano veloci. Una sintassi sbagliata mostra un messaggio di errore al posto del diagramma, senza rompere il resto dell'anteprima.
Il mio testo viene caricato da qualche parte?
- No. Il sorgente Markdown, l'HTML generato e l'esportazione in PDF passano tutti dalla scheda del browser. La scheda Rete degli strumenti per sviluppatori non mostra richieste in uscita per tutto il lavoro, e il salvataggio automatico usa il localStorage del tuo dispositivo.
Sintassi Markdown più usata
Promemoria delle forme Markdown più comuni. Incollane una nell'editor per vedere subito il risultato.
| Elemento | Markdown | Risultato |
|---|---|---|
| Titolo 1 | # Titolo | Titolo grande con bordo inferiore |
| Titolo 2 | ## Sezione | Titolo di sezione con bordo più sottile |
| Grassetto | **grassetto** | **grassetto** |
| Corsivo | *corsivo* | *corsivo* |
| Barrato | ~~barrato~~ | ~~barrato~~ |
| Codice in linea | `codice` | Testo monospazio nella riga |
| Blocco di codice | ```js\ncodice\n``` | Blocco di codice delimitato |
| Link | [testo](url) | Link cliccabile |
| Immagine |  | Immagine nel testo, larghezza massima 100% |
| Elenco puntato | - voce | Elenco con punti |
| Elenco numerato | 1. voce | Elenco con numeri |
| Citazione | > citato | Citazione rientrata con bordo laterale |
| Linea orizzontale | --- | Linea sottile di separazione |
| Tabella | | t1 | t2 |\n|----|----|\n| a | b | | Tabella con bordi e riga di intestazione |
| Lista di attività | - [x] fatto | Casella di spunta con etichetta |
| Diagramma Mermaid | ```mermaid\nflowchart LR\nA-->B\n``` | Diagramma SVG nell'anteprima |
Il Markdown in stile GitHub (GFM) è supportato ovunque. L'HTML in linea è ammesso per impaginazioni avanzate ma viene filtrato: i tag script e iframe vengono eliminati in automatico. I diagrammi Mermaid (blocchi ```mermaid) diventano SVG.