Analizzatore Markdown

Analizza e visualizza in anteprima Markdown in tempo reale. Supporta tabelle GFM, liste di attività, barrato e altro. Tutta l'elaborazione avviene nel tuo browser.

Anteprima dal vivo Supporto GFM Elaborazione lato client

L'anteprima HTML apparirà qui...

Come utilizzare l'analizzatore Markdown

1

Scrivi Markdown

Digita o incolla il contenuto Markdown nell'editor a sinistra.

2

Anteprima dal vivo

Visualizza l'output HTML renderizzato in tempo reale nel pannello a destra.

3

Copia HTML

Copia l'HTML generato per utilizzarlo nei tuoi progetti.

Cos'è Markdown?

Markdown è un linguaggio di markup leggero creato da John Gruber nel 2004. Utilizza una sintassi di formattazione in testo semplice che può essere convertita in HTML e molti altri formati. Markdown è ampiamente utilizzato per documentazione, file README, post di blog e piattaforme di messaggistica.

Sintassi supportata

Intestazioni

Da H1 a H6 usando la sintassi #

Formattazione testo

Grassetto, corsivo, barrato, codice inline

Liste e tabelle

Elenchi ordinati, non ordinati, liste di attività e tabelle GFM

Blocchi di codice

Blocchi di codice recintati con evidenziazione della sintassi

Domande frequenti

Cos'è GFM?

GFM (GitHub Flavored Markdown) è un dialetto di Markdown utilizzato da GitHub. Estende il Markdown standard con funzionalità come tabelle, liste di attività, testo barrato e collegamenti automatici.

Supporta l'evidenziazione della sintassi?

L'analizzatore renderizza i blocchi di codice recintati. Per un'evidenziazione completa della sintassi con colori, puoi combinarlo con un foglio di stile CSS che formatta gli elementi del codice.

Posso usarlo per la mia documentazione?

Sì! Scrivi il tuo Markdown nell'editor, copia l'HTML renderizzato e utilizzalo nella tua documentazione, blog o sito web.

Qual è la differenza tra Markdown, CommonMark e GFM?

Il Markdown originale (2004) lasciava molti casi limite non definiti, quindi le implementazioni divergevano. CommonMark è la specifica rigorosa che li risolve; GFM (GitHub Flavored Markdown) è CommonMark più estensioni: tabelle, liste di attività, barrato, autolink e un filtro disallowed-raw-HTML. Questo strumento renderizza GFM, corrispondendo a ciò che vedi su GitHub.

Come si scrivono blocchi di codice e codice in linea?

Racchiudi il codice in linea tra singoli apici inversi (backtick). I blocchi recintati usano triple backtick con un'etichetta di linguaggio per l'evidenziazione della sintassi - come ```python nella riga di apertura - oppure indenta ogni riga di quattro spazi (la sintassi più vecchia, che interagisce male all'interno delle liste). Le triple tilde funzionano anch'esse come recinzione quando il tuo codice contiene già backtick.

Posso incorporare HTML grezzo in Markdown?

Sì - i tag HTML in linea passano all'output. L'estensione disallowed-raw-HTML di GFM rimuove solo alcuni tag pericolosi (script, style, iframe e simili) quando il filtro è abilitato. Due avvertenze: l'HTML a livello di blocco racchiude un contenuto nel quale la sintassi Markdown smette di essere elaborata (le righe vuote contano), e qualsiasi Markdown inviato dagli utenti deve essere sanitizzato contro XSS al di là di un semplice filtro di tag.

Come funzionano le tabelle in GFM?

Righe separate da pipe con una riga di delimitazione di trattini sotto l'intestazione. I due punti impostano l'allineamento: due punti-trattino a sinistra indica sinistra (predefinito), due punti su entrambe le estremità indicano centrato, trattino-due punti destra. Le celle non possono contenere elementi di blocco; per una pipe letterale usa l'escape come \|; e le pipe esterne su ogni riga sono facoltative. Layout più complessi richiedono HTML grezzo o un motore di documentazione.

Perché le mie liste o gli elementi annidati vengono renderizzati male?

I soliti sospetti: indentazione incoerente (gli elementi annidati in genere devono essere allineati con il primo carattere del contenuto dell'elemento padre), una riga vuota mancante tra un paragrafo e una lista, oppure tabulazioni mescolate con spazi. CommonMark specifica regole esatte per tutti questi casi. Convertire le tabulazioni in spazi e aggiungere righe vuote attorno alle liste risolve la stragrande maggioranza dei bug di annidamento.

{-- * External Resources Component(#18 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}