Preskoči na glavno vsebino

Pretvornik Markdown v HTML — brezplačno

Pretvorite Markdown v čisti HTML z živim predogledom. Uporabite pogled vira za kopiranje HTML-ja, pripravljenega za lepljenje, za bloge, sisteme CMS ali e-poštne predloge.

Deluje brez povezave po nalaganju
HTML izhod se bo prikazal tukaj…

Pogosta področja uporabe

  • Objavite Markdown v CMSPretvorite opombe Markdown v HTML za lepljenje v sisteme CMS, ki sprejemajo samo HTML.
  • Ustvarite vsebino e-pošte HTMLPretvorite Markdown v HTML za transakcijske e-pošte in novičnike.
  • Predogled datotek README lokalnoVstavite datoteko README.md, da vidite, kako se bo prikazala na GitHub, GitLab ali npm.
  • Generirajte vsebino strani za statična spletna mestaPretvorite vsebino telesa Markdown v HTML za ročno grajena statična spletna mesta ali enkratne strani.
  • Ustvarite dokumentacijo HTMLPretvorite interno dokumentacijo Markdown v HTML za vgradnjo v aplikacije, središča za podporo ali baze znanja.

Kako deluje

Pretvorba se izvede v celoti v vašem brskalniku z ročno napisanim razčlenjevalnikom Markdown — brez knjižnice tretje osebe, brez zahteve strežnika. Razčlenjevalnik pregleda vir vrstico za vrstico, pri čemer uporablja pravila na ravni bloka (naslovi, seznami, tabele, ograjena koda) in nato drugi prehod vrstičnih vzorcev regularnih izrazov za krepko, poševno, povezave, slike in vrstično kodo.

  1. 1
    Najprej razčlenjena blokovna struktura
    Razčlenjevalnik bere surov Markdown vrstico za vrstico in identificira konstrukte na ravni bloka: ograjene bloke kode (z izbirnim jezikovnim razredom), naslove ATX (# do ######), citate, urejene in neurejene sezname, vključno s potrditvenimi polji nalog GFM, tabele GFM s poravnavo stolpcev, vodoravne črte in odstavke, ki pravilno povežejo mehko zavite nadaljevalne vrstice.
  2. 2
    Vrstični vzorci uporabljeni znotraj vsakega bloka
    Ko je besedilo vsakega bloka HTML-pobegljeno, veriga regularnih izrazov v parseInline() pretvori vrstično skladnjo: slike in povezave (z belim seznamom shem URL, ki odstrani hrefe javascript: in data:), **krepko**, *poševno*, ~~prečrtano~~ in vrstično kodo — v tem prednostnem vrstnem redu.
  3. 3
    Živ izpis HTML s preklopom predogleda
    Niz HTML se preračuna prek useMemo ob vsakem pritisku tipke, tako da se desno podokno takoj posodobi. Preklop preklopi med pogledom surovega vira HTML in izrisanim predogledom z uporabo lastnega pogona postavitve brskalnika.
  4. 4
    Tri izbirne izpisne možnosti, vključno s kopiranjem obogatenega besedila
    Lahko kopirate surove oznake HTML, prenesete popoln samostojen datotečni .html z DOCTYPE in meta oznako charset, ali uporabite 'Kopiraj obogateno besedilo' — kar v odložišče prek ClipboardItem iz Clipboard API zapiše oba tipa MIME text/html in text/plain, tako da se oblikovan rezultat prilepi neposredno v Gmail, Google Docs ali Word brez dodatnih korakov.

Sorodna orodja

Pogosto zastavljena vprašanja