Anteprima Markdown

Digita Markdown su un lato e guardalo renderizzato dal vivo sull'altro — titoli, grassetto, corsivo, elenchi, blocchi di codice e link, tutto in anteprima istantanea nel tuo browser.

Questo strumento ti è stato utile?

Cos'e' Anteprima Markdown?

Markdown è la sintassi di formattazione leggera dietro README, articoli di blog, messaggi di chat, documentazione e innumerevoli altri luoghi in cui vuoi una formattazione semplice e leggibile senza scrivere HTML grezzo. Poiché Markdown è testo semplice, è facile scriverlo ovunque — ma è anche facile sbagliare leggermente la sintassi e non accorgersene finché non l'hai già pubblicato. Questa anteprima renderizza il tuo Markdown mentre scrivi, affiancato alla sorgente, così puoi individuare immediatamente errori di formattazione — uno spazio mancante dopo un #, un blocco di codice non chiuso, o un elenco che non si è separato dal paragrafo sopra — prima di fare il commit di un README, pubblicare un post o inviare un messaggio formattato.

Quando Usare Questo Calcolatore

Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected

Passaggi:

Digita o incolla il tuo Markdown nel pannello sinistro.
Guarda l'anteprima HTML renderizzata aggiornarsi istantaneamente sulla destra.
Modifica la tua sintassi finché l'anteprima non corrisponde a ciò che intendevi.
Copia il tuo codice sorgente Markdown finale una volta soddisfatto del risultato.

Formula

# Titolo →

Titolo

**grassetto** → grassetto *corsivo* → corsivo `codice` → codice [testo](url) → testo - elemento →

elemento

Casi d'Uso

Visualizzare in anteprima un README di GitHub o GitLab prima di fare il commit
Redigere messaggi formattati per Slack, Discord o altre app di chat che supportano Markdown
Controllare la formattazione di un post di blog o della documentazione prima della pubblicazione
Imparare la sintassi Markdown sperimentando e vedendo i risultati immediati
Convertire rapidamente un breve frammento Markdown in HTML da incollare altrove

Vantaggi Principali

Vedi il tuo Markdown renderizzato istantaneamente, affiancato alla sorgente
Individua errori di sintassi prima di pubblicare ovunque
Funziona interamente offline nel tuo browser — nulla viene caricato
Gratuito, senza registrazione, senza limiti di dimensione file per l'uso tipico

Consigli Pro

Aggiungi una riga vuota prima e dopo elenchi e blocchi di codice per il rendering più affidabile tra i diversi parser Markdown
Usa asterischi doppi per il grassetto e asterischi singoli (o trattini bassi) per il corsivo per evitare ambiguità
Fai prima l'anteprima con questo strumento, poi controlla la piattaforma di destinazione (GitHub, Slack, ecc.) poiché alcune supportano sintassi aggiuntive come le tabelle
Mantieni i titoli sequenziali (non passare da # a ###) per una migliore struttura del documento e accessibilità

Errori Comuni da Evitare

Dimenticare la riga vuota necessaria tra un paragrafo e un elenco successivo
Omettere lo spazio dopo i simboli # nei titoli, il che ne impedisce il rendering
Lasciare un blocco di codice (```) non chiuso, che inghiotte il resto del documento come codice
Usare un singolo asterisco per il grassetto invece di uno doppio, producendo corsivo anziché grassetto

Termini Chiave Spiegati

CommonMark: una specifica standardizzata della sintassi Markdown, progettata per ridurre le incoerenze
GFM: GitHub-Flavored Markdown, un dialetto esteso che supporta tabelle ed elenchi di attività
Blocco di codice (code fence): un blocco delimitato da tre backtick (```) usato per formattare codice su più righe
Formattazione inline: formattazione applicata all'interno di una singola riga, come *corsivo* o `codice`, in contrapposizione agli elementi a livello di blocco

Concetti correlati

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

Esempio

Digitando "## Ciao\n\nQuesto è **grassetto** e questo è *corsivo*." si ottiene un titolo di livello 2 seguito da un paragrafo con testo in grassetto e corsivo.

Interpretazione dei risultati

Il pannello di sinistra mostra il testo sorgente Markdown grezzo, mentre quello di destra lo renderizza come HTML formattato in tempo reale. Ogni tasto premuto aggiorna l'anteprima all'istante, così puoi vedere subito l'effetto di ogni elemento di sintassi. I problemi di rendering più comuni di solito dipendono dalla spaziatura. Una riga vuota è necessaria tra un paragrafo e un elenco successivo per la maggior parte dei renderer. I titoli richiedono uno spazio dopo il simbolo #. I blocchi di codice (```) devono essere su una riga propria per attivare il rendering del blocco di codice. L'anteprima è una buona approssimazione di come apparirà il tuo Markdown sulla maggior parte delle piattaforme (GitHub, Slack, Discord, ecc.), ma ogni piattaforma ha il proprio renderer con leggere variazioni. Fai sempre un controllo finale sulla piattaforma di destinazione per qualsiasi cosa vada oltre la formattazione di base.

Domande Frequenti

Quale sintassi Markdown supporta questo strumento?

Titoli (da # a ######), grassetto (**testo**), corsivo (*testo*), codice inline (`codice`), blocchi di codice (```), link ([testo](url)), elenchi puntati (- elemento), elenchi numerati (1. elemento) e citazioni (> testo).

Il mio contenuto viene salvato o caricato da qualche parte?

No. Tutto viene analizzato e renderizzato interamente nel tuo browser tramite JavaScript. Nulla di ciò che scrivi viene inviato a un server, memorizzato o registrato.

Perché la mia formattazione non appare correttamente?

Markdown richiede una sintassi precisa — ad esempio, per molti renderer serve una riga vuota tra un paragrafo e un elenco successivo perché li separino correttamente, e i titoli richiedono uno spazio dopo i simboli #. Controlla gli spazi o le interruzioni di riga mancanti intorno alla formattazione che stai usando.

Posso usarlo per visualizzare in anteprima un README di GitHub prima del commit?

Sì, per gli elementi Markdown comuni supportati da questo strumento. Il renderer di GitHub supporta alcune estensioni aggiuntive di GitHub-Flavored Markdown (come tabelle ed elenchi di attività) che questa leggera anteprima non include, quindi controlla sempre il rendering finale direttamente su GitHub per qualsiasi cosa oltre la sintassi di base.

What Markdown syntax does this tool support?

Headings (# through ######), bold (**text**), italics (*text*), inline code (`code`), code blocks (```), links ([text](url)), bulleted lists (- item), numbered lists (1. item), and blockquotes (> text).

Is my content saved or uploaded anywhere?

No. Tutto viene analizzato e renderizzato interamente nel tuo browser tramite JavaScript. Nulla di ciò che scrivi viene inviato a un server, memorizzato o registrato.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Qual è la differenza tra Markdown e HTML?

Markdown è un linguaggio di markup leggero, facile da scrivere e leggere come testo semplice. HTML è un linguaggio di markup completo con una sintassi più complessa. Markdown viene spesso convertito in HTML per la visualizzazione. Questo strumento renderizza Markdown come HTML in tempo reale.

How do I create a table in Markdown?

Il Markdown standard non supporta le tabelle, ma GitHub-Flavored Markdown sì. Usa il carattere pipe (|) per separare le colonne e i trattini come separatore dell'intestazione. Questo visualizzatore non renderizza le tabelle: controlla il rendering finale sulla tua piattaforma di destinazione.

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Strumenti Correlati

Esplora altri strumenti

Calcolatore di rapporto d'aspetto

Calcolatore Larghezza di Banda

Calcolatore Tempo Download

Calcolatore Costi Hosting Cloud

Calcolatore Costo CDN

Calcolatore di monetizzazione API

Cos'e' Anteprima Markdown?

Quando Usare Questo Calcolatore

Writing a GitHub or GitLab README and want to verify formatting before committing

Drafting a Markdown post for a blog platform, documentation site, or wiki

Checking a Markdown email or chat message renders correctly before sending

Learning Markdown syntax by experimenting with different formatting and seeing instant results

Converting a short Markdown snippet to HTML for pasting into a CMS or email template

Debugging a Markdown document where some formatting isn't rendering as expected

Casi d'Uso

Visualizzare in anteprima un README di GitHub o GitLab prima di fare il commit

Redigere messaggi formattati per Slack, Discord o altre app di chat che supportano Markdown

Controllare la formattazione di un post di blog o della documentazione prima della pubblicazione

Imparare la sintassi Markdown sperimentando e vedendo i risultati immediati

Convertire rapidamente un breve frammento Markdown in HTML da incollare altrove

Consigli Pro

Aggiungi una riga vuota prima e dopo elenchi e blocchi di codice per il rendering più affidabile tra i diversi parser Markdown

Usa asterischi doppi per il grassetto e asterischi singoli (o trattini bassi) per il corsivo per evitare ambiguità

Fai prima l'anteprima con questo strumento, poi controlla la piattaforma di destinazione (GitHub, Slack, ecc.) poiché alcune supportano sintassi aggiuntive come le tabelle

Mantieni i titoli sequenziali (non passare da # a ###) per una migliore struttura del documento e accessibilità

Errori Comuni da Evitare

Dimenticare la riga vuota necessaria tra un paragrafo e un elenco successivo

Omettere lo spazio dopo i simboli # nei titoli, il che ne impedisce il rendering

Lasciare un blocco di codice (```) non chiuso, che inghiotte il resto del documento come codice

Usare un singolo asterisco per il grassetto invece di uno doppio, producendo corsivo anziché grassetto

Termini Chiave Spiegati

CommonMark: una specifica standardizzata della sintassi Markdown, progettata per ridurre le incoerenze

GFM: GitHub-Flavored Markdown, un dialetto esteso che supporta tabelle ed elenchi di attività

Blocco di codice (code fence): un blocco delimitato da tre backtick (```) usato per formattare codice su più righe

Formattazione inline: formattazione applicata all'interno di una singola riga, come *corsivo* o `codice`, in contrapposizione agli elementi a livello di blocco

Interpretazione dei risultati

Domande Frequenti

Quale sintassi Markdown supporta questo strumento?

Il mio contenuto viene salvato o caricato da qualche parte?

No. Tutto viene analizzato e renderizzato interamente nel tuo browser tramite JavaScript. Nulla di ciò che scrivi viene inviato a un server, memorizzato o registrato.

Perché la mia formattazione non appare correttamente?

Posso usarlo per visualizzare in anteprima un README di GitHub prima del commit?

What Markdown syntax does this tool support?

Is my content saved or uploaded anywhere?

No. Tutto viene analizzato e renderizzato interamente nel tuo browser tramite JavaScript. Nulla di ciò che scrivi viene inviato a un server, memorizzato o registrato.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Qual è la differenza tra Markdown e HTML?

How do I create a table in Markdown?

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Anteprima Markdown

Cos'e' Anteprima Markdown?

Quando Usare Questo Calcolatore

Passaggi:

Formula

Titolo

Casi d'Uso

Vantaggi Principali

Consigli Pro

Errori Comuni da Evitare

Termini Chiave Spiegati

Concetti correlati

Esempio

Interpretazione dei risultati

Domande Frequenti