Convertitore da HTML a Markdown

Come convertire HTML in Markdown

1. Scegli la direzione: HTML → Markdown oppure Markdown → HTML.
2. Incolla il tuo codice nella casella di input, oppure clicca su Apri un file per caricare dal tuo computer un file .html, .htm, .md o .txt (fino a 10 MB).
3. Regola le opzioni. Per HTML → Markdown puoi scegliere lo stile dei Titoli, il Simbolo degli elenchi e lo stile dei Blocchi di codice. Per Markdown → HTML, Ripulisci l’HTML (rimuovi script e gestori di eventi) è attivo per impostazione predefinita.
4. Clicca su Converti. Il risultato si aggiorna anche mentre scrivi.
5. Copia o scarica il risultato. Inverti la direzione riporta il risultato nella casella di input, così puoi convertirlo nell’altro senso e verificare l’andata e ritorno.

L’Anteprima sotto il risultato mostra come viene visualizzato il Markdown, così controlli la conversione a colpo d’occhio.

Cosa fa la conversione da HTML a Markdown

Il convertitore legge il tuo HTML con il parser del browser, in un documento inerte: gli script non vengono eseguiti e le immagini non vengono scaricate. Poi percorre la struttura della pagina e scrive l’equivalente Markdown di ogni elemento:

• da <h1> a <h6> diventano titoli. ATX (# Titolo) scrive da # a ######; Setext (sottolineati) sottolinea i titoli di livello 1 e 2 con === o --- (i livelli da 3 a 6 usano sempre #).
• <strong> e <b> diventano **grassetto**, <em> e <i> diventano _corsivo_, il <code> inline diventa testo tra backtick.
• I link diventano [testo](url "titolo") e le immagini ![alt](src).
• Gli elenchi usano il simbolo scelto (-, * o +); gli elenchi numerati mantengono il loro numero start, e gli elenchi annidati vengono indentati.
• <pre><code> diventa un blocco di codice, Delimitati (```) oppure Indentati (4 spazi).
• Vengono convertiti anche <blockquote>, <hr> e gli a capo.
• <script>, <style>, <iframe>, <noscript> ed elementi simili vengono rimossi insieme al loro contenuto.

I caratteri che altrimenti verrebbero letti come sintassi Markdown, come un * o un # all’inizio di una riga, vengono protetti con una barra rovesciata, così il testo resta letterale.

GitHub Flavored Markdown

Con GitHub Flavored Markdown (tabelle, ~~barrato~~, elenchi di attività) spuntato:

• Le tabelle diventano tabelle con barre verticali e colonne allineate. L’intestazione viene da una riga <thead> o da una riga fatta solo di celle <th>; se non c’è, viene aggiunta una riga di intestazione vuota, perché GFM la richiede. L’allineamento delle colonne viene letto da align="right" o da style="text-align: center". Le barre verticali dentro le celle diventano \|, gli a capo diventano <br> e un colspan viene completato con celle vuote. Una <caption> viene scritta come paragrafo sopra la tabella.
• <del>, <s> e <strike> diventano ~~barrato~~.
• Le caselle di spunta all’inizio delle voci di un elenco diventano voci di un elenco di attività: - [x] fatto, - [ ] da fare.

Markdown non ha un equivalente per tabelle annidate, righe unite o stile delle celle. Una tabella che ne contiene un’altra viene lasciata in HTML grezzo, che la maggior parte dei renderer Markdown accetta. Senza l’opzione GFM, tutte le tabelle restano in HTML.

Da Markdown a HTML

Nell’altra direzione, il Markdown viene visualizzato con un parser conforme a CommonMark, con le estensioni GFM quando l’opzione è attiva. L’output è un frammento HTML, pronto da incollare in un CMS, in un modello di email o in una pagina web. Quando Ripulisci l’HTML (rimuovi script e gestori di eventi) è spuntato, l’HTML grezzo incorporato nel Markdown viene ripulito: vengono rimossi i tag <script>, gli attributi onclick e i link javascript:. Togli la spunta solo per il Markdown che hai scritto tu.