DevToolPal
IT

Anteprima Markdown

Scrivi in Markdown e guarda l’anteprima in tempo reale con GitHub Flavored Markdown, poi copia l’HTML.

Eseguito in locale, mai caricato

Opzioni

Mostra

Markdown

0 caratteri · 0 B

Anteprima

Il risultato apparirà qui

Cosa fa

Anteprima Markdown è un editor Markdown in tempo reale. Scrivi a sinistra e vedi il risultato renderizzato a destra mentre digiti: titoli, elenchi, link, immagini, tabelle, blocchi di codice e citazioni. È comodo per preparare un README, delle note di rilascio, un articolo di blog o della documentazione prima del commit, e per controllare come apparirà una tabella complicata o un elenco annidato.

Passa la vista su HTML per vedere il markup generato, poi copialo o scarica una pagina HTML completa con uno stile di base.

Come si usa

  1. Scrivi o incolla Markdown nell’input, trascinaci sopra un file .md oppure fai clic su Esempio.
  2. L’anteprima si aggiorna mentre scrivi. La riga sopra mostra il numero di parole, titoli e link.
  3. Scegli Anteprima per vedere la pagina renderizzata o HTML per vedere il markup.
  4. Usa Copia HTML per incollare il risultato in un CMS o in un’email, oppure Scarica HTML per ottenere un file autonomo.

Promemoria della sintassi Markdown

ScriviOttieni
# TitleUn titolo di livello 1 (## per il livello 2, fino a ######)
**bold** e _italic_grassetto e corsivo
[text](https://example.com)Un link
![alt](image.png)Un’immagine
- item o 1. itemElenchi puntati o numerati
- [ ] todoUna casella di un elenco di attività (GFM)
`code`Codice inline
```js su una riga a séUn blocco di codice delimitato con linguaggio
> quoteUna citazione
---Una linea orizzontale

Le tabelle usano barre verticali e una riga separatrice: | a | b | seguita da | --- | --- |. Le tabelle sono un’estensione di GitHub Flavored Markdown e non fanno parte di CommonMark, quindi vengono visualizzate solo quando GitHub Flavored Markdown è attivo; se lo disattivi, appaiono come testo semplice con le barre verticali.

Esempio

## Highlights

- [x] Tables and task lists
- ~~Old API~~ removed

viene renderizzato come un titolo di secondo livello seguito da un’attività spuntata e da una riga barrata.

Domande frequenti

› Quale sintassi Markdown è supportata?

CommonMark più GitHub Flavored Markdown: tabelle, elenchi di attività, testo barrato, blocchi di codice delimitati e link automatici. Disattiva GFM per vedere come visualizzerebbe il testo un renderer CommonMark rigoroso.

› È sicuro incollare Markdown che contiene HTML?

Sì. Markdown consente l'HTML grezzo, quindi l'anteprima viene mostrata in un frame isolato (sandbox) in cui gli script non possono essere eseguiti. L'HTML che copi non viene ripulito, quindi sanificalo prima di pubblicare contenuti non attendibili sul tuo sito.

› Perché un singolo a capo non inizia una nuova riga?

Nel Markdown standard un singolo ritorno a capo viene trattato come uno spazio e una riga vuota inizia un nuovo paragrafo. Attiva "A capo diventa <br>" per rendere ogni ritorno a capo un'interruzione di riga, come fa GitHub nei commenti.

› Il mio testo viene salvato?

L'ultimo input viene conservato nel local storage di questo browser, così sopravvive a un ricaricamento. Non viene mai caricato; puoi cancellarlo con il pulsante Cancella.