Gratis omformer

Markdown til HTML-konvertering

Transform Markdown-tekst til produksjonsklar HTML-kode med støtte for live forhåndsvisning.

Om dette verktøyet

Markdown er et lett markeringsspråk laget av John Gruber i 2004 for å la forfattere produsere strukturert HTML ved å bruke ren tekstkonvensjoner: hash-tegn for overskrifter, stjerner for fremheving, bindestreker for lister, innrykkede blokker for kode. Formatet har blitt standard for README-filer, teknisk dokumentasjon, bloggutkast, statiske nettstedsgeneratorer og enhver kontekst der skriften skal kunne leses som ren tekst og som gjengitt utdata. Konvertering av Markdown til HTML er gjengivelsestrinnet som gjør kilden til en nettside.

Denne omformeren bruker det merkede biblioteket, den mest brukte Markdown-gjengiveren i JavaScript. Marked støtter CommonMark og GitHub Flavored Markdown (GFM), som betyr at tabeller, inngjerdede kodeblokker, oppgavelister, gjennomstreking og autolinking fungerer riktig i tillegg til standard Markdown-funksjoner.

Utdata er vanlig HTML - semantiske koder for overskrifter, avsnitt, lister, lenker og bilder, pluss klassekroker for kodeblokker der syntaksuthevingsverktøy forventer dem. Utdataene limes rent inn i et hvilket som helst CMS, bygges inn i statiske nettstedsgeneratorer eller fungerer som frittstående HTML. Ingen CSS eller JavaScript er lagt til; styling av resultatet overlates til din nedstrømskontekst.

Hvorfor konvertere Markdown til HTML

Markdown er formatet forfattere og utviklere foretrekker; HTML er formatet nettlesere gjengir. De fleste statiske nettstedsgeneratorer og CMS-plattformer konverterer Markdown til HTML bak kulissene, men du trenger noen ganger konverteringen som et frittstående trinn – lime inn i et CMS som ikke har Markdown-støtte, generere HTML for e-poster, produsere en rask forhåndsvisning eller trekke ut det gjengitte resultatet for videre behandling.

HTML er også det kanoniske formatet for alt innhold som til slutt vil bli vist i en nettleser. Nyhetsbrev på e-post bygget fra Markdown-utkast, dokumentasjonssider innebygd i større HTML-applikasjoner og blogginnlegg limt inn i redaktører som forventer HTML drar nytte av en ren konvertering.

Slik bruker du det

Lim inn Markdown, hent HTML.

  1. Legg til Markdown: Lim inn Markdown-tekst i inndataområdet eller slipp en .md-fil. Både standard Markdown og GitHub Flavored Markdown-syntaks fungerer.
  2. Konverter: Marked analyserer Markdown til en AST og sender ut HTML. Standard innebygde elementer (undertrykking, sterk, lenker, kode, bilder), blokkelementer (overskrifter, avsnitt, lister, blokkanførselstegn) og GFM-utvidelser (tabeller, inngjerdet kode, oppgavelister, autolenker) gjengis alle riktig.
  3. Forhåndsvisning: Inspiser den gjengitte HTML-en i forhåndsvisningspanelet. Bekreft at kodeblokker, tabeller og andre komplekse elementer vises som forventet.
  4. Kopier eller last ned: Kopier HTML-en til utklippstavlen for å lime den inn i et CMS, eller lagre som .html for frittstående bruk. Utdataene er semantisk HTML5 uten innebygde stiler.

Vanlige brukstilfeller

Tekniske detaljer

Marked bruker en to-pass arkitektur. Lexeren tokeniserer inndataene til tokens på blokknivå (overskrifter, avsnitt, lister, kodeblokker) og innebygde tokens (utheving, lenker, bilder). Parseren går tokenstrømmen og sender ut HTML, og bruker gjengivelseskroker for hver tokentype.

GitHub Flavored Markdown-utvidelser er aktivert som standard: tabeller (ved hjelp av pipesyntaks), inngjerdet kodeblokker (trippel tilbaketikk med språkhint), oppgavelister (- [ ] og - [x]), gjennomstreking (ved hjelp av doble tilder) og URL-autokobling. Kodeblokker sender ut kode med valgfri språkklasse for nedstrøms syntaksutheving.

Utgangssanering overlates til nedstrømsforbrukere. Marked sender ut hva inndataene produserer, inkludert rå HTML innebygd i Markdown. Hvis du godtar uklarerte inndata, kjør utdataene gjennom DOMPurify eller en lignende HTML-renser før du gjengir den i en nettleser.

Beste praksis

Ofte stilte spørsmål

Vil konvertering av MARKDOWN til HTML endre innholdet?
Innholdet bevares så nøyaktig som mulig. Imidlertid kan det hende at enkelte formatspesifikke funksjoner ikke har direkte ekvivalenter, så det kan oppstå mindre formateringsforskjeller.
Hva brukes HTML-format til?
HTML (HyperText Markup Language) brukes først og fremst for nettsider og nettinnhold.
Er det noen begrensninger å være klar over?
Filer på opptil 50 MB støttes. Svært store eller komplekse filer kan ta lengre tid å behandle. All konvertering skjer i nettleseren din, så behandlingshastigheten avhenger av enheten din.
Er denne konverteringen sikker og privat?
Ja. All behandling skjer lokalt i nettleseren din. Dataene dine forlater aldri enheten din – ingen serveropplasting, ingen skybehandling, ingen datainnsamling.
Støttes emojier?
Unicode-emojis passerer direkte (å skrive inn en hjerte-emoji viser et hjerte i utdataene). GitHub-stil :emoji: kortkoder konverteres ikke som standard; legg til en utvidelse hvis du trenger det.
Er min Markdown lastet opp til en server?
Nei. Merkede kjører i nettleseren din; konverteringen skjer utelukkende på enheten din.
Kan jeg legge til tilpasset stil i HTML-en?
Ja, etter konvertering. Utdataene er vanlig semantisk HTML; bruk din egen CSS på stiloverskrifter, kodeblokker, tabeller og andre elementer.
Støtter den fotnoter?
Standard CommonMark spesifiserer ikke fotnotesyntaks. Noen Markdown-utvidelser støtter [^1] fotnotesyntaks; denne omformeren følger GFM, som ikke inkluderer fotnoter.