Vai al contenuto principale

Markdown in HTML

Trasforma titoli, enfasi, link, elenchi, citazioni e blocchi di codice Markdown in HTML localmente.

  • Appunti
  • Esporta
Automatizza

Integra questo widget

Personalizza il risultato, controlla l’anteprima e copia il codice.

Anteprima

Tipo di codice di integrazione

Codice da copiare

Responsive e ridimensionato automaticamente da Bethemesh.

Questo strumento ti è stato utile?

Come funziona questo strumento?

Converti un testo Markdown in codice HTML pulito, pronto da incollare in un CMS, una newsletter, una pagina statica o un modello di email. Titoli, paragrafi, elenchi, citazioni, tabelle, blocchi di codice, link e immagini diventano i tag HTML corrispondenti. La conversione avviene nel browser, senza inviare il contenuto.

Il convertitore applica le regole abituali di CommonMark: da # a ###### si ottengono <h1>–<h6>, le righe consecutive formano un solo <p>, gli elenchi puntati danno un <ul> e quelli numerati un <ol> (con l’attributo start se l’elenco non parte da 1). Le citazioni diventano <blockquote>, i blocchi tra ``` un <pre><code> con la classe language-…, le tabelle in stile GitHub un <table> con <thead> e <tbody>.

Nel testo, **grassetto** e __grassetto__ danno <strong>, *corsivo* e _corsivo_ danno <em>, `codice` dà <code>, [testo](indirizzo) un link e ![testo](immagine) un’immagine. Il contenuto del codice in linea resta invariato: gli asterischi di `a*b*c` non diventano corsivo.

I caratteri speciali (<, >, &, virgolette) vengono convertiti in entità, così un HTML scritto nella sorgente appare come testo invece di essere copiato. Gli indirizzi javascript:, vbscript: o data: non finiscono mai in un link o in un’immagine: se ne conserva solo il testo.

Come usare questo strumento

  1. Incolla il Markdown

    Scrivi o importa il testo nel campo «Markdown sorgente».

  2. Converti

    Avvia la conversione: ogni blocco diventa un tag HTML su una riga a sé.

  3. Copia l’HTML

    Copia o esporta il codice, poi verifica la resa nella pagina di destinazione.

Casi d’uso

Pubblicare in un CMS

Scrivi in Markdown e incolla l’HTML in un editor che accetta solo codice HTML.

Preparare una newsletter

Trasforma una bozza Markdown in HTML per uno strumento di invio email.

Alimentare una Pipeline

Concatena formattazione, conversione ed esportazione in un’elaborazione automatica.

Esempi

Titolo, paragrafo ed elenco

Le due righe del paragrafo vengono riunite in un solo <p>.

Input

## Installazione

Esegui il comando
`npm install` e ricontrolla.

1. Scaricare
2. Installare

Risultato

<h2>Installazione</h2>
<p>Esegui il comando <code>npm install</code> e ricontrolla.</p>
<ol>
<li>Scaricare</li>
<li>Installare</li>
</ol>

Tabella

La riga di trattini sotto l’intestazione indica che si tratta di una tabella.

Input

| Strumento | Prezzo |
| --- | --- |
| Bethemesh | 0 € |

Risultato

<table><thead><tr><th>Strumento</th><th>Prezzo</th></tr></thead><tbody><tr><td>Bethemesh</td><td>0 €</td></tr></tbody></table>

Consigli e buone pratiche

  • L’HTML prodotto non contiene stili: il suo aspetto dipende dal foglio di stile del sito in cui lo incolli.
  • I percorsi relativi delle immagini (img/logo.png) vengono copiati così come sono: verifica che esistano anche sul sito di destinazione.
  • Per vedere la resa prima di copiare il codice usa Anteprima Markdown; per la conversione inversa usa HTML in Markdown.

Fonti e riferimenti

Domande frequenti

Quali elementi Markdown vengono convertiti?

Titoli, paragrafi, elenchi puntati e numerati, citazioni, separatori, blocchi di codice, tabelle, grassetto, corsivo, codice in linea, link e immagini.

L’HTML è sicuro?

I caratteri speciali vengono convertiti in entità e gli indirizzi javascript:, vbscript: e data: vengono scartati. Controlla comunque il codice prima di inserirlo in un sito, come qualsiasi contenuto esterno.

Sono supportate estensioni come caselle di spunta o note a piè di pagina?

No. Restano come testo. Delle estensioni di GitHub sono supportate solo le tabelle.

L’HTML prodotto è una pagina completa?

No, è un frammento da inserire in una pagina esistente. Per scaricare una pagina .html autonoma usa l’esportazione di Anteprima Markdown.

Il mio testo viene inviato online?

No. La conversione avviene nel browser.

Strumenti correlati

Strumenti simili o complementari a questo.

Strumenti simili

Converti HTML in Markdown leggibile e portabile, direttamente nel browser.

Testo e scritturaUsa questo strumento

Scrivi Markdown e visualizza istantaneamente il rendering HTML.

Testo e scritturaUsa questo strumento

Genera testo segnaposto Lorem Ipsum per mockup, prototipi e prove di impaginazione.

Testo e scritturaIn evidenzaUsa questo strumento