Pāriet uz galveno saturu

Markdown uz HTML konvertētājs bez maksas

Konvertē Markdown uz tīru HTML ar tiešraides priekšskatījumu. Izmantojiet avota skatu, lai kopētu ielīmēšanai gatavu HTML blogiem, CMS vai e-pasta veidnēm.

Darbojas bezsaistē pēc ielādes
HTML izvade parādīsies šeit…

Biežākie lietojumi

  • Publicējiet Markdown uz CMSKonvertējiet Markdown piezīmes uz HTML ielīmēšanai CMS sistēmās, kas pieņem tikai HTML.
  • Izveidojiet HTML e-pasta saturuKonvertējiet Markdown uz HTML transakcijas e-pastiem un biļetenim.
  • Priekšskatiet README failus lokāliIelīmējiet savu README.md failu, lai redzētu, kā tas tiks renderēts GitHub, GitLab vai npm.
  • Ģenerējiet lapas saturu statiskajām vietnēmKonvertējiet Markdown ķermeņa saturu uz HTML manuāli veidotām statiskajām vietnēm vai vienreizējām lapām.
  • Izveidojiet HTML dokumentācijuKonvertējiet iekšējo Markdown dokumentāciju uz HTML iegulšanai programmās, atbalsta centros vai zināšanu bāzēs.

Kā tas darbojas

Konvertēšana notiek pilnībā jūsu pārlūkprogrammā ar pašrakstītu Markdown parsētāju — bez trešās puses bibliotēkas, bez servera pieprasījuma. Parsētājs iet cauri avotam rindu pa rindai, pielietojot bloka-līmeņa noteikumus (virsrakstus, sarakstus, tabulas, aptvertu kodu) un tad otro gājienu iekļautu regex šablonu treknam, kursīvam, saitēm, attēliem un iekļautam kodam.

  1. 1
    Bloka struktūra parsēta pirmā
    Parsētājs lasa neapstrādāto Markdown rindu pa rindai, identificējot bloka-līmeņa konstrukcijas: aptvertus koda blokus (ar neobligātu valodas klasi), ATX virsrakstus (# līdz ######), citātus, sakārtotus un nesakārtotus sarakstus, ieskaitot GFM uzdevumu-saraksta izvēles rūtiņas, GFM tabulas ar kolonnu izlīdzinājumu, horizontālas līnijas un rindkopas, kas pareizi apvieno mīksti pārnestas turpinājuma rindas.
  2. 2
    Iekļautie šabloni pielietoti katrā blokā
    Pēc tam, kad katra bloka teksts ir HTML izbēgts, regex ķēde parseInline() pārveido iekļauto sintaksi: attēlus un saites (ar URL shēmas baltā saraksta pārbaudi, kas noņem javascript: un data: hrefs), **trekns**, *kursīvs*, ~~pārsvītrots~~ un iekļauto kodu — šajā prioritātes secībā.
  3. 3
    Dzīva HTML izvade ar priekšskatījuma pārslēgu
    HTML virkne tiek pārrēķināta caur useMemo ar katru taustiņsitienu, tāpēc labais panelis atjaunojas uzreiz. Pārslēgs pārslēdzas starp neapstrādāta HTML avota skatu un renderētu priekšskatījumu, izmantojot pārlūkprogrammas pašu izkārtojuma dzinēju.
  4. 4
    Trīs izvades opcijas, ieskaitot bagātināta teksta kopēšanu
    Varat kopēt neapstrādāto HTML marķējumu, lejupielādēt pilnu pašpietiekamu .html failu ar DOCTYPE un charset meta birku, vai izmantot 'Kopēt bagātinātu tekstu' — kas raksta gan text/html, gan text/plain MIME tipus starpliktuvē caur Clipboard API ClipboardItem, tāpēc formatētais rezultāts ielīmējas tieši Gmail, Google Docs vai Word bez papildu soļiem.

Saistītie rīki

Bieži uzdotie jautājumi