Gå til hovedindhold

Gratis Markdown til HTML-konverter

Konverter Markdown til ren HTML med liveforhåndsvisning. Brug kildevisningen til at kopiere klar-til-indsæt HTML til blogs, CMS-systemer eller e-mailskabeloner.

Virker offline, når den er indlæst
HTML-output vises her…

Almindelige anvendelser

  • Udgiv Markdown til en CMSKonvertér Markdown-noter til HTML til indsætning i CMS, som kun accepterer HTML.
  • Byg HTML-e-mailindholdKonvertér Markdown til HTML til transaktions-e-mails og nyhedsbreve.
  • Forhåndsvisning af README-filer lokaltIndsæt din README.md for at se, hvordan den vil blive gengivet på GitHub, GitLab eller npm.
  • Generer sideindhold til statiske webstederKonvertér Markdown-brødtekst til HTML til håndbyggede statiske websteder eller enkeltsider.
  • Byg dokumentations-HTMLKonvertér interne Markdown-dokumenter til HTML til indlejring i apps, hjælpecentre eller vidensbasiser.

Sådan fungerer det

Konverteringen sker udelukkende i din browser med en håndskrevet Markdown-parser — intet tredjepartsbibliotek, ingen serverforespørgsel. Parseren gennemgår kilden linje for linje og anvender regler på blokniveau (overskrifter, lister, tabeller, kodeblokke) og derefter et andet gennemløb med inline-regex-mønstre for fed, kursiv, links, billeder og inline-kode.

  1. 1
    Blokstrukturen fortolkes først
    Parseren læser den rå Markdown linje for linje og finder konstruktioner på blokniveau: kodeblokke (med valgfri sprogklasse), ATX-overskrifter (# til ######), citatblokke, nummererede og unummererede lister inklusive GFM-opgavelister med afkrydsningsfelter, GFM-tabeller med kolonnejustering, vandrette linjer og afsnit, der korrekt sammenføjer blødt ombrudte fortsættelseslinjer.
  2. 2
    Inline-mønstre anvendes i hver blok
    Efter at hver bloks tekst er HTML-escapet, omdanner en regex-kæde i parseInline() inline-syntaks: billeder og links (med hvidliste over URL-skemaer, der fjerner javascript:- og data:-hrefs), **fed**, *kursiv*, ~~gennemstreget~~ og inline-kode — i den prioriterede rækkefølge.
  3. 3
    Live HTML-output med skift til forhåndsvisning
    HTML-strengen genberegnes via useMemo ved hvert tastetryk, så højre rude opdateres øjeblikkeligt. En knap skifter mellem visning af den rå HTML-kilde og en gengivet forhåndsvisning med browserens egen layoutmotor.
  4. 4
    Tre outputmuligheder inklusive kopiering som formateret tekst
    Du kan kopiere den rå HTML-markup, downloade en komplet selvstændig .html-fil med DOCTYPE og charset-metatag eller bruge 'Kopiér formateret tekst' — som skriver både text/html- og text/plain-MIME-typer til udklipsholderen via Clipboard API's ClipboardItem, så det formaterede resultat kan indsættes direkte i Gmail, Google Docs eller Word uden ekstra trin.

Relaterede værktøjer

Ofte stillede spørgsmål