Command Palette

Search for a command to run...

MA

Markdown in HTML

Converti Markdown in HTML pulito e semantico con il supporto GitHub Flavored Markdown: tabelle, elenchi di attività, codice recintato, ancoraggi di intestazione, anteprima live ed esportazione completa di documenti HTML.

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?

  1. 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.

  2. 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.

  3. 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.

  4. 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

Incolla il tuo Markdown nell'editor e l'HTML viene visualizzato immediatamente - non c'è nessun pulsante di conversione da premere e nessun file da caricare Attiva/disattiva GitHub Flavored Markdown se la tua fonte utilizza tabelle o elenchi di attività, quindi copia l'HTML o scaricalo come file 'html.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

markdown to htmlconvert markdown to htmlmarkdown to html converteronline markdown to html converterfree markdown to html convertermarkdown convertermd to htmlmarkdown compilermarkdown previewgithub flavored markdownmarkdown rendererconvert readme to htmlmarkdown parser