Gratis Markdown til HTML-konverterer
Konverter Markdown til ren HTML med forhåndsvisning i sanntid. Bruk kildevisningen til å kopiere HTML som er klar til å limes inn i blogger, CMS-er eller e-postmaler.
Lim inn Markdown til venstre; ren HTML vises til høyre.
HTML-utdata vises her…Vanlige bruksområder
- Publisér Markdown til en CMSKonvertér Markdown-notater til HTML for liming inn i CMS som bare godtar HTML.
- Bygge HTML e-post-innholdKonvertér Markdown til HTML for transaksjon-e-poster og nyhetsbrev.
- Forhåndsvisning av README-filer lokaltLim inn README.md for å se hvordan det vil bli rendert på GitHub, GitLab eller npm.
- Generer sidinnhold for statiske nettstederKonvertér Markdown-brødtekst til HTML for håndbygg statiske nettsteder eller engangssider.
- Bygge dokumentasjons-HTMLKonvertér interne Markdown-dokumenter til HTML for innbygging i apper, hjelpesentre eller kunnskapsgrunnlag.
Hvordan det fungerer
Konverteringen gjøres helt i nettleseren av en håndskrevet Markdown-tolker — ingen tredjepartsbibliotek, ingen serverforespørsel. Tolkeren går gjennom kilden linje for linje og bruker regler på blokknivå (overskrifter, lister, tabeller, kodeblokker), og deretter en ny runde med inline regex-mønstre for fet, kursiv, lenker, bilder og inline-kode.
- 1Blokkstrukturen tolkes førstTolkeren leser den rå Markdown-teksten linje for linje og finner konstruksjoner på blokknivå: kodeblokker (med valgfri språkklasse), ATX-overskrifter (# til ######), sitatblokker, nummererte og unummererte lister inkludert GFM-oppgavelister med avkrysningsbokser, GFM-tabeller med kolonnejustering, horisontale linjer og avsnitt som korrekt slår sammen myke linjeskift.
- 2Inline-mønstre brukes i hver blokkEtter at tekstinnholdet i hver blokk er HTML-escapet, gjør en regex-kjede i parseInline() om inline-syntaks: bilder og lenker (med hviteliste for URL-skjema som fjerner javascript:- og data:-lenker), **fet**, *kursiv*, ~~gjennomstreking~~ og inline-kode — i den rekkefølgen.
- 3Live HTML-resultat med forhåndsvisningsbryterHTML-strengen beregnes på nytt via useMemo for hvert tastetrykk, så høyre rute oppdateres umiddelbart. En bryter veksler mellom visning av rå HTML-kildekode og en gjengitt forhåndsvisning med nettleserens egen layoutmotor.
- 4Tre utdatavalg, inkludert kopiering som rik tekstDu kan kopiere den rå HTML-koden, laste ned en komplett frittstående .html-fil med DOCTYPE og charset-metatag, eller bruke «Kopier rik tekst» — som skriver både text/html og text/plain til utklippstavlen via Clipboard API-ets ClipboardItem, så det formaterte resultatet kan limes rett inn i Gmail, Google Docs eller Word uten ekstra steg.
Relaterte verktøy
HTML til Markdown-konverterer
Konverter HTML til ren Markdown. Håndterer overskrifter, lister, lenker, bilder, kodeblokker, tabeller og sitatblokker. Perfekt for å flytte innhold ut av CMS-er.
Markdown-redigerer
Skriv og forhåndsvis Markdown i sanntid. Støtter overskrifter, fet, kursiv, kodeblokker, tabeller og lister.
MIDI til MP3-omformer
Konverter en MIDI-fil (.mid) til MP3 eller WAV med en General MIDI-soundfont. Lytt i nettleseren og endre tempo, toneart eller instrument; ingenting lastes opp.