Anteprima Markdown

Anteprima Markdown gratuita con HTML sicuro.

Anteprima Markdown nel browser

Scrivete Markdown a sinistra ed esaminate il risultato a destra. L'anteprima gestisce titoli, enfasi, collegamenti, elenchi, citazioni, righe divisorie e blocchi di codice delimitati.

**Conviene sapere che il Markdown non ha una specifica ufficiale unica.** La sintassi originale del 2004 lasciò indefiniti parecchi casi, sicché GitHub, CommonMark e gli altri divergono su dettagli come gli elenchi annidati, gli a capo o i trattini bassi dentro una parola: un documento impeccabile in un posto può essere reso diversamente altrove. Ciò che più confonde è l'a capo, perché **nella maggior parte delle implementazioni un singolo a capo non produce un'interruzione dentro il paragrafo**: servono due spazi a fine riga oppure una riga vuota.

Questo strumento applica l'escape all'HTML grezzo prima di mostrarlo, sicché quanto incollate non può eseguire codice qui.

Come si usa l'anteprima

  1. Incollate o scrivete Markdown Scrivete nell'editor di sinistra e l'anteprima si aggiorna all'istante.
  2. Controllate il risultato reso Rivedete titoli, elenchi, collegamenti e codice prima di pubblicare.
  3. Copiate l'HTML se serve L'HTML sicuro prodotto si può portare in un editor compatibile.

Consigli per sfruttarlo al meglio

  • Delimitate il codice con tre apici inversi per conservare rientri e simboli dell'originale.
  • L'anteprima mostra l'HTML grezzo come testo di proposito, per ridurre il rischio di iniezione di codice.
  • Tabelle ed elenchi annidati sono ciò che più si storce per la profondità del rientro: conviene sistemarli guardando l'anteprima.

Casi d'uso

Controllare un README mentre lo si scrive

**Quel che mostra il vostro editor e quel che rende GitHub non coincidono per forza.** Così potete guardare prima di pubblicare.

Far venire bene tabelle ed elenchi annidati

Dove l'esito dipende dalla posizione di un simbolo o dal rientro, guardare è più svelto che ragionarci.

Portarsi via un articolo in HTML

**L'HTML prodotto si copia così com'è** e serve bene come bozza da incollare in un sistema editoriale.

Trasformare un documento in PDF da consegnare

Una procedura o degli appunti scritti in Markdown prendono una forma che si può semplicemente consegnare.

Imparare la sintassi scrivendo

**Con immissione e risultato affiancati, si impara che cosa fa ciascun simbolo provandolo.**

Termini del Markdown

Markdown
Sintassi leggera che contrassegna titoli ed enfasi con segni di punteggiatura. **Non esiste una specifica ufficiale unica e le implementazioni differiscono.**
CommonMark
Specifica che ha fissato i casi lasciati indefiniti dall'originale. Oggi gran parte delle implementazioni vi si appoggia.
GitHub Flavored Markdown
CommonMark con l'aggiunta di tabelle, testo barrato ed elenchi di attività. **L'aspetto di un documento su GitHub segue questa variante.**
Trattamento dell'a capo
**In quasi tutte le implementazioni un singolo a capo non spezza la riga dentro il paragrafo.** Servono due spazi a fine riga oppure una riga vuota.
Blocco di codice delimitato
Zona racchiusa fra tre apici inversi. Indicare il linguaggio dopo l'apertura attiva la colorazione.
Sanificazione
La rimozione degli elementi pericolosi da un HTML incollato. **Questa anteprima vi provvede per mostrare in sicurezza.**

Domande frequenti

No. La resa e la copia avvengono in locale nel vostro browser.

No. L'HTML grezzo riceve l'escape e viene mostrato come testo.

La sintassi di scrittura consueta: titoli, enfasi, collegamenti, elenchi, citazioni, righe divisorie e codice delimitato.

In quasi tutte le implementazioni un singolo a capo non spezza la riga dentro il paragrafo. Lasciate due spazi a fine riga oppure inserite una riga vuota.
Tool-kun

Perché guardare prima di pubblicare

Il Markdown si scrive con scioltezza, ma basta un carattere mancante perché la struttura di una pagina cambi. Un'anteprima dal vivo rende visibili titoli, collegamenti ed elenchi prima che il testo finisca in un README, in una segnalazione, in un wiki o in un sistema editoriale.

Questo strumento preferisce un sottoinsieme comune e sicuro all'esecuzione di HTML qualsiasi. Il che lo rende utile tanto per verificare contenuti copiati da una fonte poco affidabile quanto per stendere i propri.