Vai al contenuto principale

Anteprima Markdown

Visualizza localmente l’anteprima di un documento Markdown, controlla il rendering, consulta le statistiche ed esporta il sorgente o l’HTML generato.

  • Appunti
  • Esporta

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.

Anteprima

Statistiche

0 parole·0 caratteri

HTML renderizzato

Questo strumento ti è stato utile?

Come funziona questo strumento?

Scrivi o incolla Markdown e vedi subito il risultato: titoli, paragrafi, elenchi, citazioni, tabelle, blocchi di codice, link e formattazioni compaiono mentre scrivi. L’anteprima serve a controllare un README, una nota, una documentazione o un messaggio prima di pubblicarlo su una piattaforma che interpreta il Markdown. Poi puoi copiare l’HTML prodotto o scaricare il documento in .md o .html, senza che il testo lasci il browser.

La resa viene ricalcolata a ogni tasto. L’anteprima supporta gli elementi più comuni di CommonMark e le tabelle in stile GitHub: titoli da # a ######, paragrafi (le righe consecutive formano un unico paragrafo), elenchi puntati e numerati, citazioni, separatori orizzontali, blocchi di codice tra ``` con indicazione del linguaggio, codice in linea, grassetto, corsivo e link.

Per sicurezza, l’HTML scritto nella sorgente viene mostrato come testo e mai eseguito. Solo i link http o https sono attivi e si aprono in una nuova scheda; le immagini remote non vengono caricate nell’anteprima: al loro posto compare il testo alternativo.

Il pannello delle statistiche conta le parole del contenuto, escludendo la sintassi Markdown e i blocchi di codice, e i caratteri della sorgente. L’esportazione HTML produce una pagina completa con codifica UTF-8 e la lingua dell’interfaccia.

Come usare questo strumento

  1. Scrivi il Markdown

    Scrivi nel campo «Sorgente Markdown» o importa un file .md.

  2. Controlla l’anteprima

    Verifica la resa, l’HTML prodotto e le statistiche mentre scrivi.

  3. Copia o esporta

    Copia l’HTML o scarica il documento in formato Markdown o HTML.

Casi d’uso

Rileggere un README

Controlla titoli, elenchi e blocchi di codice prima di pubblicare la documentazione di un progetto.

Preparare una nota o un articolo

Scrivi in Markdown e verifica la gerarchia dei titoli prima di copiare il testo in un CMS.

Creare una semplice pagina HTML

Esporta un documento .html autonomo da una bozza Markdown, per esempio per delle istruzioni.

Esempi

Titolo, paragrafo ed elenco numerato

Le due righe del paragrafo vengono riunite, come in qualsiasi motore conforme a CommonMark.

Input

## Installazione

Esegui il comando
`npm install` e controlla il risultato.

1. Scaricare
2. Installare

Risultato

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

Tabella

La riga di trattini sotto l’intestazione è necessaria perché la tabella venga riconosciuta.

Input

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

Risultato

Una tabella a due colonne con le intestazioni «Strumento» e «Prezzo».

Consigli e buone pratiche

  • Lascia una riga vuota tra due paragrafi: un semplice a capo prosegue lo stesso paragrafo.
  • La resa finale può cambiare a seconda della piattaforma (GitHub, GitLab, un CMS): estensioni come caselle di spunta, note a piè di pagina o HTML incorporato non vengono interpretate qui.
  • Per uniformare la sintassi prima della pubblicazione, passa prima il testo in Formattatore Markdown.

Fonti e riferimenti

Domande frequenti

Quale sintassi Markdown è supportata?

Gli elementi comuni di CommonMark (titoli, paragrafi, elenchi, citazioni, codice, separatori, grassetto, corsivo, link) e le tabelle in stile GitHub. Le estensioni specifiche di alcune piattaforme non vengono riconosciute.

Posso inserire HTML nel mio Markdown?

Viene mostrato come testo e mai eseguito. Così un contenuto incollato non può avviare uno script nella pagina.

Perché le mie immagini non si vedono?

L’anteprima non carica risorse remote, per non contattare server di terzi; al loro posto compare il testo alternativo dell’immagine. Il convertitore Markdown in HTML, invece, conserva i tag delle immagini.

Che differenza c’è con Markdown in HTML?

L’anteprima mostra la resa in diretta ed esporta una pagina completa. Il convertitore produce HTML semplice da incollare in un altro sito e può essere concatenato in una Pipeline.

Il mio documento viene salvato?

No. Resa ed esportazioni avvengono nel browser; se chiudi la pagina, il testo scompare.

Strumenti correlati

Strumenti simili o complementari a questo.

Strumenti simili

Formatta Markdown per ottenere una struttura più regolare e facile da rileggere.

Testo e scritturaUsa questo strumento

Formatta HTML o rimuovi commenti ordinari localmente, conservando spazi del testo e contenuto degli script durante la rimozione.

Testo e scritturaUsa questo strumento

Analizza un testo e ottieni il numero di parole, caratteri, righe, frasi e paragrafi.

Testo e scritturaIn evidenzaUsa questo strumento