Gratis omvandlare

Markdown till HTML-konverterare

Förvandla Markdown-text till produktionsklar HTML-kod med stöd för liveförhandsgranskning.

Om detta verktyg

Markdown är ett lättviktigt märkningsspråk skapat av John Gruber 2004 för att låta författare producera strukturerad HTML med vanliga textkonventioner: hash-tecken för rubriker, asterisker för betoning, bindestreck för listor, indragna block för kod. Formatet har blivit standard för README-filer, teknisk dokumentation, bloggutkast, statiska webbplatsgeneratorer och alla sammanhang där texten ska vara läsbar som vanlig text och som renderad utdata. Att konvertera Markdown till HTML är renderingssteget som förvandlar källan till en webbsida.

Denna omvandlare använder det markerade biblioteket, den mest använda Markdown-renderaren i JavaScript. Marked stöder CommonMark och GitHub Flavored Markdown (GFM), vilket innebär att tabeller, inhägnade kodblock, uppgiftslistor, genomstruken och autolänkning alla fungerar korrekt förutom standard Markdown-funktioner.

Utdata är vanlig HTML - semantiska taggar för rubriker, stycken, listor, länkar och bilder, plus klasskrokar för kodblock där syntaxmarkeringsverktyg förväntar sig dem. Utdata klistras in rent i valfritt CMS, bäddas in i statiska webbplatsgeneratorer eller fungerar som fristående .html. Ingen CSS eller JavaScript läggs till; styling av resultatet lämnas till ditt nedströmssammanhang.

Varför konvertera Markdown till HTML

Markdown är formatet som författare och utvecklare föredrar; HTML är det format som webbläsare renderar. De flesta statiska webbplatsgeneratorer och CMS-plattformar konverterar Markdown till HTML bakom kulisserna, men du behöver ibland konverteringen som ett fristående steg – klistra in i ett CMS som inte har Markdown-stöd, generera HTML för e-postmeddelanden, producera en snabb förhandsgranskning eller extrahera den renderade utdata för vidare bearbetning.

HTML är också det kanoniska formatet för allt innehåll som i slutändan kommer att visas i en webbläsare. Nyhetsbrev med e-post byggda från Markdown-utkast, dokumentationssidor inbäddade i större HTML-applikationer och blogginlägg inklistrade i redaktörer som förväntar sig HTML drar nytta av en ren konvertering.

Så här använder du det

Klistra in Markdown, hämta HTML.

  1. Lägg till din Markdown: Klistra in Markdown-text i inmatningsområdet eller släpp en .md-fil. Både standard Markdown- och GitHub Flavored Markdown-syntax fungerar.
  2. Konvertera: Marked analyserar Markdown till en AST och skickar ut HTML. Inline-standardelement (betoning, stark, länkar, kod, bilder), blockelement (rubriker, stycken, listor, blockcitat) och GFM-tillägg (tabeller, inhägnad kod, uppgiftslistor, autolänkar) återges alla korrekt.
  3. Förhandsgranska: Inspektera den renderade HTML-koden i förhandsgranskningspanelen. Bekräfta att kodblock, tabeller och andra komplexa element visas som förväntat.
  4. Kopiera eller ladda ner: Kopiera HTML-koden till urklipp för att klistra in i ett CMS, eller spara som .html för fristående användning. Utdata är semantisk HTML5 utan inline-stilar.

Vanliga användningsfall

Tekniska detaljer

Marked använder en tvåpasssarkitektur. Lexern tokeniserar inmatningen till tokens på blocknivå (rubriker, stycken, listor, kodblock) och inline-tokens (betoning, länkar, bilder). Parsern går igenom tokenströmmen och sänder ut HTML och tillämpar renderarkrokar för varje tokentyp.

GitHub Flavored Markdown-tillägg är aktiverade som standard: tabeller (med pipesyntax), inhägnade kodblock (trippel backticks med språktips), uppgiftslistor (- [ ] och - [x]), genomstruken (med dubbla tilder) och URL-autolänkning. Kodblock sänder ut kod med valfri språkklass för nedströms syntaxmarkering.

Utmatningssanering lämnas till nedströmskonsumenter. Marked avger allt som inmatningen producerar, inklusive rå HTML inbäddad i Markdown. Om du accepterar otillförlitlig indata, kör utdata genom DOMPurify eller en liknande HTML-sanering innan du renderar i en webbläsare.

Bästa metoder

Vanliga frågor

Ändrar innehållet om du konverterar MARKDOWN till HTML?
Innehållet bevaras så exakt som möjligt. Vissa formatspecifika funktioner kanske inte har direkta motsvarigheter, så mindre formateringsskillnader kan förekomma.
Vad används HTML-formatet till?
HTML (HyperText Markup Language) används främst för webbsidor och webbinnehåll.
Finns det några begränsningar att vara medveten om?
Filer upp till 50 MB stöds. Mycket stora eller komplexa filer kan ta längre tid att bearbeta. All konvertering sker i din webbläsare, så bearbetningshastigheten beror på din enhet.
Är denna konvertering säker och privat?
Ja. All bearbetning sker lokalt i din webbläsare. Din data lämnar aldrig din enhet – ingen serveruppladdning, ingen molnbearbetning, ingen datainsamling.
Stöds emojis?
Unicode-emojis passerar direkt (om du skriver en hjärtemoji visas ett hjärta i utgången). GitHub-stil :emoji: kortkoder konverteras inte som standard; lägg till ett tillägg om du behöver det.
Är min Markdown uppladdad till en server?
Nej. Markerade körningar i din webbläsare; konverteringen sker helt och hållet på din enhet.
Kan jag lägga till anpassad stil till HTML?
Ja, efter konvertering. Utdata är vanlig semantisk HTML; tillämpa din egen CSS på stilrubriker, kodblock, tabeller och andra element.
Stöder den fotnoter?
Standard CommonMark specificerar inte fotnotssyntax. Vissa Markdown-tillägg stöder syntax för [^1] fotnot; denna omvandlare följer GFM, som inte inkluderar fotnoter.