Qual è il convertitore Markdown in HTML?
Il convertitore Markdown trasforma il sorgente Markdown - un README, un changelog, una bozza del blog, una serie di note di rilascio - nel rendering HTML di un browser o CMS Incolla o digita Markdown a sinistra e ottieni HTML semantico a destra: le intestazioni diventano h1 in linguaggio HTML6, il codice recintato pre e il codice con una classe, gli elenchi diventano ul e ol e le estensioni GitHub come tabelle, elenchi di attività e barrato vengono gestite nel modo in cui GitHub li esegue il rendering.
Markdown è un formato di scrittura in testo semplice, non un formato di visualizzazione Ovunque appaia su una pagina - un sito di documenti, un blog statico, un modello di posta elettronica, un campo CMS che accetta solo HTML - qualcosa deve compilarlo prima Fare che nel browser, piuttosto che tirare un parser nella tua build o incollare la tua bozza in un servizio che non controlli, è il modo più veloce per ottenere il markup e andare avanti.
Tutto funziona lato client. Il convertitore è un parser scritto a mano, non un wrapper attorno a un'API remota, quindi i tuoi post inediti, i documenti interni e le note di rilascio privato non lasciano mai la pagina. Attiva/disattiva markdown con aroma di GitHub, ID di ancoraggio intestazione, interruzioni di riga a nuova riga e pass-through HTML RAW, quindi copia l'HTML, scarica un file .html o prendi un sommario generato.
Un esempio lavorato a breve mostra cosa ottieni convertendo Markdown in HTML qui Incolla `# My Project`, poi `## Install`, quindi un elenco di attività a due righe `-[x] Done` e `-[] Todo`. L'output è `<h1 id="my-project">My Project</h1>`, `<h2 id="install">Install</h2>` e a `<ul class="task-list">` i cui elementi iniziano con input di casella di controllo disabilitati. Tick Documento completo e lo stesso corpo è avvolto in un doctype con `<title>My Project</title>`. È un convertitore gratuito da Markdown a HTML, nessuna registrazione e si converte come digiti.
Markdown permette HTML grezzo in linea, il che rende la domanda di sicurezza reale piuttosto che teorica: un documento contenente un tag script è valido Markdown, e un convertitore che lo passa attraverso produce HTML che verrà eseguito quando renderizzato Output qui viene evaso di default per quel motivo, quindi un file Markdown da una fonte non attendibile non può contrabbandare tag nella tua pagina I link sono un caso a parte: un link `javascript:` nel Markdown mantiene quell'href nell'HTML copiato, e solo il riquadro di anteprima lo riscrive, quindi sanifica l'output prima di pubblicare Markdown non hai scritto Se stai convertendo il tuo contenuto e vuoi che l'HTML grezzo sia conservato, questa è una scelta deliberata piuttosto che l'impostazione predefinita L'altra cosa da sapere è che Markdown non ha una singola specifica GitHub Flavored Markdown è implementato qui, che copre tabelle, elenchi di attività, strikethrough e codice recintato, e quelle sono estensioni piuttosto che parte della sintassi originale, quindi un rigoroso renderer CommonMark non le mostrerà.
Come utilizzare il convertitore Markdown in HTML?
Incolla il tuo Markdown
Digita o incolla Markdown nell'editor - un README, un changelog, note dal tuo editor, qualsiasi cosa L'output si aggiorna durante la digitazione; carica il campione se vuoi vedere cosa è supportato.
Scegli le tue opzioni
Attiva il markdown aromatizzato GitHub per tabelle, elenchi di attività, link barrati e link a URL bare. Aggiungi ID di intestazione per i link profondi, abilita interruzioni di riga se una singola riga dovrebbe diventare un <br /> e consenti l'HTML grezzo se il tuo Markdown contiene già tag.
Controlla l'anteprima
Passa dall'origine HTML a un'anteprima renderizzata per confermare che la struttura è ciò che ti aspettavi e leggi le statistiche del documento: parole, intestazioni, collegamenti, blocchi di codice e tempo di lettura.
Copia, scarica o prendi il TOC
Copia l'HTML negli appunti, oppure premi [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] (premia] [in inglese] [in inglese] [in inglese]] [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] [in inglese] ("tick full document")") come documento. html (spunion first") se vuoi una pagina autonoma (standard) Puoi anche copiare la tabella dei contenuti Markdown generata automaticamente costruita dagli ancoraggi delle intestazioni H2 e H3.
Caratteristiche principali
Riduzione aromatizzata GitHub
Tabelle con allineamento delle colonne, caselle di controllo dell'elenco delle attività, ~~strikthrough~~ e collegamento automatico di URL nudi: le estensioni su cui il tuo README fa già affidamento
Codice recintato con classi di lingua
I blocchi recintati diventano <pre><code class="lingua-js">, il nome della classe prism, highlight.js e shiki si aspettano, quindi l'evidenziazione della sintassi funziona nel momento in cui incolli l'output nel tuo sito
Ancore di voce e TOC
Ogni intestazione riceve un id lucido e deduplicato e lo strumento genera un sommario Markdown per le intestazioni H2 e H3 che puoi incollare nella parte superiore del documento
Sicuro per impostazione predefinita
L'HTML grezzo nel sorgente viene eseguito l'escape a meno che non si opti e l'anteprima live rimuove script, stile e gestori di eventi in linea, quindi incollare Markdown di qualcun altro non può eseguire il proprio codice
Frequently Asked Questions
Related Tools
HTML Formatter
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
HTML to Markdown
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. Runs client-side.
Markdown Table Generator
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Markdown TOC Generator
Generate a linked table of contents from Markdown headings
Comments
0 comments
No comments yet. Be the first to share your thoughts!