Convertitore gratuito

Riduci a Convertitore HTML

Trasforma il testo Markdown in codice HTML pronto per la produzione con il supporto dell'anteprima dal vivo.

Informazioni su questo strumento

Markdown è un linguaggio di markup leggero creato da John Gruber nel 2004 per consentire agli autori di produrre HTML strutturato utilizzando convenzioni di testo semplice: caratteri hash per intestazioni, asterischi per enfasi, trattini per elenchi, blocchi rientrati per codice. Il formato è diventato quello predefinito per file README, documentazione tecnica, bozze di blog, generatori di siti statici e qualsiasi contesto in cui la scrittura deve essere leggibile come testo semplice e come output renderizzato. La conversione di Markdown in HTML è la fase di rendering che trasforma il sorgente in una pagina web.

Questo convertitore utilizza la libreria contrassegnata, il renderer Markdown più ampiamente adottato in JavaScript. Marked supporta CommonMark e GitHub Flavored Markdown (GFM), il che significa che tabelle, blocchi di codice recintati, elenchi di attività, barrato e collegamento automatico funzionano tutti correttamente oltre alle funzionalità Markdown standard.

L'output è semplice HTML: tag semantici per intestazioni, paragrafi, elenchi, collegamenti e immagini, oltre a hook di classe per blocchi di codice dove gli strumenti di evidenziazione della sintassi li prevedono. L'output viene incollato in modo pulito in qualsiasi CMS, incorporato in generatori di siti statici o utilizzato come file .html autonomo. Non viene aggiunto alcun CSS o JavaScript; lo styling del risultato è lasciato al contesto a valle.

Perché convertire Markdown in HTML

Markdown è il formato preferito dagli autori e dagli sviluppatori; HTML è il formato di rendering dei browser. La maggior parte dei generatori di siti statici e delle piattaforme CMS convertono Markdown in HTML dietro le quinte, ma a volte è necessaria la conversione come passaggio autonomo, incollando in un CMS che non dispone del supporto Markdown, generando HTML per le e-mail, producendo un'anteprima rapida o estraendo l'output renderizzato per un'ulteriore elaborazione.

L'HTML è anche il formato canonico per qualsiasi contenuto che verrà infine visualizzato in un browser. Le newsletter via email create da bozze Markdown, le pagine di documentazione incorporate in applicazioni HTML più grandi e i post di blog incollati in editor che si aspettano che l'HTML beneficino tutti di una conversione pulita.

Come usarlo

Incolla Markdown, ottieni HTML.

  1. Aggiungi il tuo ribasso: Incolla il testo Markdown nell'area di input o rilascia un file .md. Funzionano sia la sintassi Markdown standard che quella GitHub Flavored Markdown.
  2. Convertire: Marked analizza il Markdown in un AST ed emette HTML. Gli elementi in linea standard (enfasi, forte, collegamenti, codice, immagini), gli elementi di blocco (titoli, paragrafi, elenchi, virgolette) e le estensioni GFM (tabelle, codice protetto, elenchi di attività, collegamenti automatici) vengono tutti visualizzati correttamente.
  3. Anteprima: Esamina l'HTML renderizzato nel pannello di anteprima. Verifica che blocchi di codice, tabelle e altri elementi complessi vengano visualizzati come previsto.
  4. Copia o scarica: Copia l'HTML negli appunti per incollarlo in un CMS o salvalo come .html per un utilizzo autonomo. L'output è HTML5 semantico senza stili incorporati.

Casi d'uso comuni

Dettagli tecnici

Marked utilizza un'architettura a due passaggi. Il lexer tokenizza l'input in token a livello di blocco (intestazioni, paragrafi, elenchi, blocchi di codice) e token in linea (enfasi, collegamenti, immagini). Il parser percorre il flusso del token ed emette HTML, applicando hook del renderer per ciascun tipo di token.

Le estensioni GitHub Flavored Markdown sono abilitate per impostazione predefinita: tabelle (utilizzando la sintassi pipe), blocchi di codice delimitati (tripli apici inversi con suggerimenti linguistici), elenchi di attività (- [ ] e - [x]), barrato (utilizzando doppie tilde) e collegamento automatico URL. I blocchi di codice emettono codice pre-avvolto con classe di linguaggio opzionale per l'evidenziazione della sintassi downstream.

La sanificazione dell’output è lasciata ai consumatori a valle. Marked emette tutto ciò che produce l'input, incluso l'HTML non elaborato incorporato nel Markdown. Se accetti input non attendibili, esegui l'output tramite DOMPurify o uno strumento di disinfezione HTML simile prima del rendering in un browser.

Migliori pratiche

Domande frequenti

La conversione di MARKDOWN in HTML modifica il contenuto?
Il contenuto viene conservato nel modo più accurato possibile. Tuttavia, alcune funzionalità specifiche del formato potrebbero non avere equivalenti diretti, pertanto potrebbero verificarsi piccole differenze di formattazione.
A cosa serve il formato HTML?
HTML (HyperText Markup Language) viene utilizzato principalmente per pagine Web e contenuti Web.
Ci sono limitazioni di cui essere a conoscenza?
Sono supportati file fino a 50 MB. L'elaborazione di file molto grandi o complessi potrebbe richiedere più tempo. Tutta la conversione avviene nel tuo browser, quindi la velocità di elaborazione dipende dal tuo dispositivo.
Questa conversione è sicura e privata?
SÌ. Tutta l'elaborazione avviene localmente nel tuo browser. I tuoi dati non lasciano mai il tuo dispositivo: nessun caricamento sul server, nessuna elaborazione nel cloud, nessuna raccolta dati.
Gli emoji sono supportati?
Gli emoji Unicode passano direttamente (la digitazione di un'emoji a forma di cuore mostra un cuore nell'output). Stile GitHub :emoji: gli shortcode non vengono convertiti per impostazione predefinita; aggiungi un'estensione se ne hai bisogno.
Il mio Markdown è caricato su un server?
No. Le corse contrassegnate nel tuo browser; la conversione avviene interamente sul tuo dispositivo.
Posso aggiungere uno stile personalizzato all'HTML?
Sì, dopo la conversione. L'output è un semplice HTML semantico; applica il tuo CSS a intestazioni di stile, blocchi di codice, tabelle e altri elementi.
Supporta le note a piè di pagina?
CommonMark standard non specifica la sintassi delle note a piè di pagina. Alcune estensioni Markdown supportano la sintassi della nota a piè di pagina [^1]; questo convertitore segue GFM, che non include le note a piè di pagina.