Cos'e' Anteprima Markdown?
Markdown è la sintassi di markup leggero dietro README, post di blog, messaggi di chat, documentazione e molto altro.
Questo visualizzatore rende il tuo Markdown in tempo reale mentre scrivi.
Quando Usare Questo Calcolatore
- Stai scrivendo un README GitHub o GitLab e vuoi verificare la formattazione prima del commit
- Stai bozzando un post Markdown per una piattaforma di blog, documentazione o wiki
- Stai testando una email o un messaggio di chat Markdown prima di inviarlo
- Stai imparando la sintassi Markdown sperimentando con diverse formattazioni
- Stai convertendo un piccolo snippet Markdown in HTML per CMS o template email
- Stai debuggando un documento Markdown dove una formattazione non viene resa come previsto
Passaggi:
- Scrivi o incolla il tuo Markdown nel pannello sinistro.
- Vedi l'anteprima HTML aggiornata istantaneamente sul lato destro.
- Regola la tua sintassi finché l'anteprima non risulta come desiderato.
- Copia la tua fonte Markdown completata quando sei soddisfatto del risultato.
Formula
# Titolo →
Titolo
**grassetto** → grassetto *corsivo* → corsivo `codice` →codice
[testo](url) → testo
- elemento → - elemento
Casi d'Uso
- Visualizzare README GitHub o GitLab prima del commit
- Bozzare messaggi formattati per Slack, Discord o altre app di chat compatibili con Markdown
- Testare post di blog o documentazione prima della pubblicazione
- Imparare la sintassi Markdown sperimentando con feedback istantaneo
- Convertire rapidamente un piccolo snippet Markdown in HTML per CMS o template email
Vantaggi Principali
- Vedi la tua fonte Markdown e l'output reso istantaneamente affiancati
- Rileva errori di sintassi prima di pubblicare qualsiasi cosa
- Completamente offline nel tuo browser — nulla viene caricato
- Gratuito, senza account, senza limiti di dimensione file per uso generale
Consigli Pro
- Aggiungi una riga vuota prima e dopo gli elenchi e i blocchi di codice
- Usa doppi asterischi per il grassetto e asterischi singoli (o underscore) per il corsivo
- Visualizza prima qui, poi verifica la piattaforma di destinazione
- Mantieni le intestazioni gerarchiche (non saltare da # a ###)
Errori Comuni da Evitare
- Dimenticare la riga vuota richiesta tra un paragrafo e un elenco
- Dimenticare lo spazio dopo il # nelle intestazioni
- Non chiudere un fence di codice (```)
- Usare asterischi singoli invece di doppi per il grassetto
Termini Chiave Spiegati
- CommonMark: una specifica standardizzata della sintassi Markdown, progettata per ridurre le incoerenze
- GFM: GitHub-Flavored Markdown, un dialetto esteso con supporto per tabelle e liste di attività
- Blocco di codice (code fence): un blocco delimitato da tre backtick (```) usato per formattare codice su più righe
- Formattazione inline: Formattazione all'interno di una singola riga, come *corsivo* o `codice`
Concetti correlati
- Formattatore JSON:
- Testatore regex:
- Generatore password:
- Convertitore colore:
- Codificatore/decodificatore URL:
Esempio
\"## Ciao\
\
Questo è **grassetto** e questo è *corsivo*.\" viene reso come un'intestazione di livello 2.
Interpretazione dei risultati
Il pannello sinistro mostra la tua fonte Markdown grezza, mentre il pannello destro la rende come HTML formattato in tempo reale.
I problemi di visualizzazione spesso derivano dagli spazi.
L'anteprima è una buona approssimazione di come apparirà il tuo Markdown sulla maggior parte delle piattaforme.