Anteprima Markdown
Scrivi Markdown e visualizza l'HTML in tempo reale
Bozza Markdown
Anteprima Live
Cos'e' l'Anteprima Markdown?
L'Anteprima Markdown e' uno strumento di rendering in tempo reale che mostra esattamente come il codice sorgente Markdown apparira' quando convertito in HTML. Utilizzando un'interfaccia a pannelli divisi, si scrive Markdown grezzo sul lato sinistro mentre il lato destro visualizza l'output renderizzato istantaneamente. Questo feedback visivo immediato elimina le congetture sulla formattazione — si puo' vedere come appaiono i titoli, se i link funzionano, come vengono renderizzati i blocchi di codice e se la sintassi delle tabelle e' corretta.
CommonMark e' la specifica standard di Markdown seguita dalla maggior parte degli strumenti di anteprima, che garantisce un rendering coerente tra le piattaforme. Questo strumento implementa il parsing compatibile con CommonMark. Per funzionalita' specifiche di GitHub come liste di attivita', barrato e autolink, l'anteprima include anche il supporto per le estensioni GitHub Flavored Markdown.
Gli strumenti di anteprima sono preziosi per qualsiasi creatore di contenuti che lavora con Markdown. I redattori tecnici possono validare liste annidate complesse e formattazione dei blocchi di codice. I maintainer open source possono assicurarsi che le tabelle delle funzionalita' vengano renderizzate correttamente. Gli sviluppatori possono formattare messaggi di commit, descrizioni di pull request e commenti alle issue prima dell'invio.
Come Usare l'Anteprima Markdown
Segui questi passaggi per visualizzare Markdown come HTML in tempo reale. Ogni passaggio utilizza i pulsanti e i pannelli presenti in questa pagina.
Incolla, Carica o Carica Esempio
Digita o incolla Markdown nel pannello sinistro Bozza Markdown, oppure clicca su Carica per caricare un file .md. Clicca su Esempio per vedere documentazione API di esempio. Supporta CommonMark e GFM (tabelle, liste di attivita', blocchi di codice).
Visualizza Anteprima Live
Il pannello destro Anteprima Live si aggiorna mentre digiti. Visualizza titoli, liste, tabelle e blocchi di codice renderizzati. Nessun ritardo — feedback istantaneo.
Copia o Scarica HTML
Clicca su Copia HTML o Scarica HTML per utilizzare l'output. Usa Cancella per ricominciare. Tutta l'elaborazione avviene nel tuo browser.
Quando Lo Useresti Davvero
Scrittura e Modifica Documentazione
Repository GitHub, progetti ReadTheDocs e siti di documentazione costruiti con MkDocs o Hugo usano tutti Markdown. Gli strumenti di anteprima permettono di creare e perfezionare la documentazione senza attendere build o deploy.
Comporre Issue e PR su GitHub
Quando scrivi issue dettagliate o descrizioni di pull request su GitHub, gli strumenti di anteprima ti permettono di formattare perfettamente il tuo messaggio. Usa l'anteprima per verificare che tabelle e blocchi di codice siano corretti prima dell'invio.
Creare Note di Release e Changelog
I rilasci software richiedono note chiare e ben formattate. Usa l'anteprima Markdown per redigere changelog con formattazione corretta, intestazioni di versione, liste di funzionalita' e avvisi sulle modifiche importanti.
Domande Frequenti (FAQ)
L'anteprima mostra esattamente come il mio contenuto verra' renderizzato ovunque?
L'anteprima utilizza parsing compatibile con CommonMark piu' estensioni GitHub Flavored Markdown, rappresentando accuratamente come il contenuto apparira' sulla maggior parte delle piattaforme moderne. Tuttavia, alcune piattaforme hanno stili CSS personalizzati o estensioni aggiuntive. Controlla la documentazione della piattaforma di destinazione se hai bisogno di una corrispondenza visiva esatta.
Quali estensioni Markdown sono supportate?
Questa anteprima supporta la sintassi core CommonMark piu' le estensioni GitHub Flavored Markdown: tabelle, liste di attivita', barrato (~~testo~~), autolink e sintassi mention. Non supporta ogni possibile variante di Markdown, ma copre le funzionalita' piu' utilizzate.
Posso copiare l'HTML generato?
Si'. Clicca su "Copia HTML" per copiare l'output HTML renderizzato negli appunti. Puoi poi incollarlo in qualsiasi editor HTML, client email o modulo web che accetta HTML. L'HTML e' pulito e semanticamente corretto.
I caratteri speciali vengono escaped correttamente nell'output?
Si'. Il parser esegue automaticamente l'escape dei caratteri speciali HTML (&, <, >, ", ') nel contenuto testuale, prevenendo attacchi di injection e errori di rendering. Se il tuo Markdown contiene questi caratteri nel testo normale, appariranno correttamente nell'output renderizzato.
Come gestisce lo strumento le interruzioni di riga?
Lo strumento segue le regole CommonMark: un singolo ritorno a capo nella fonte diventa uno spazio nell'output. Per creare un'interruzione di riga effettiva (<br>), usa due spazi alla fine della riga seguiti da un ritorno a capo, oppure usa un backslash prima del ritorno a capo. Per le interruzioni di paragrafo, usa una riga vuota. La specifica CommonMark contiene esempi dettagliati.
Posso includere HTML grezzo nel mio Markdown?
Si'. Markdown consente blocchi HTML grezzi e HTML inline. Se scrivi HTML direttamente nel tuo Markdown, verra' incluso cosi' com'e' nell'output. Questo e' utile per funzionalita' che Markdown non supporta nativamente. Tuttavia, riduce la portabilita' del codice sorgente.