Preskoči na glavni sadržaj

Markdown u HTML pretvarač — besplatno

Pretvorite Markdown u čisti HTML s živim pregledom. Koristite prikaz izvora za kopiranje HTML-a spreman za lijepljenje za blogove, CMS-ove ili e-mail predloške.

Radi offline nakon učitavanja
HTML izlaz pojavit će se ovdje…

Uobičajene namjene

  • Objavite Markdown na CMSKonvertirajte Markdown bilješke u HTML za kopiranje u CMS sustave koji prihvaćaju samo HTML.
  • Kreirajte HTML sadržaj e-pošteKonvertirajte Markdown u HTML za transakcijske e-poruke i informacijske listove.
  • Pregledajte README datoteke lokalnoZalijepite vašu README.md datoteku da vidite kako će se prikazati na GitHub-u, GitLab-u ili npm-u.
  • Generirajte sadržaj stranice za statička web-mjestaKonvertirajte sadržaj glavnog dijela Markdown-a u HTML za ručno izgrađena statička web-mjesta ili jednokratne stranice.
  • Kreirajte HTML dokumentacijuKonvertirajte internu Markdown dokumentaciju u HTML za ugradnju u aplikacije, centre za pomoć ili baze znanja.

Kako funkcionira

Pretvorba se odvija u potpunosti u vašem pregledniku ručno napisanim Markdown parserom — bez biblioteke treće strane, bez zahtjeva poslužitelju. Parser prolazi kroz izvor redak po redak, primjenjujući pravila na razini bloka (naslovi, popisi, tablice, ograđeni kod), a zatim drugi prolaz uzoraka ugrađenog regexa za podebljano, kurziv, poveznice, slike i ugrađeni kod.

  1. 1
    Struktura bloka raščlanjena prva
    Parser čita sirovi Markdown redak po redak, identificirajući konstrukte na razini bloka: ograđene blokove koda (s opcionalnom klasom jezika), ATX naslove (# do ######), citate, uređene i neuređene popise uključujući GFM potvrdne okvire zadataka, GFM tablice s poravnanjem stupaca, vodoravne crte, i odlomke koji ispravno spajaju retke meko omotanog nastavka.
  2. 2
    Ugrađeni uzorci primijenjeni unutar svakog bloka
    Nakon što je tekst svakog bloka HTML-escapiran, lanac regexa u parseInline() pretvara ugrađenu sintaksu: slike i poveznice (s bjelogorjem URL sheme koji uklanja javascript: i data: hrefove), **podebljano**, *kurziv*, ~~precrtano~~ i ugrađeni kod — tim redoslijedom prioriteta.
  3. 3
    Izlaz HTML-a uživo s prekidačem pregleda
    HTML niz ponovno se izračunava putem useMemo pri svakom pritisku tipke, tako da se desni panel trenutačno ažurira. Prekidač mijenja između prikaza sirovog HTML izvora i renderiranog pregleda koristeći vlastiti mehanizam rasporeda preglednika.
  4. 4
    Tri opcije izlaza uključujući kopiranje obogaćenog teksta
    Možete kopirati sirovi HTML markup, preuzeti potpunu samostalnu .html datoteku s DOCTYPE i charset meta oznakom, ili koristiti 'Kopiraj obogaćeni tekst' — koji zapisuje oba MIME tipa text/html i text/plain u međuspremnik putem ClipboardItem Clipboard API-ja, tako da se formatirani rezultat izravno lijepi u Gmail, Google Docs ili Word bez dodatnih koraka.

Srodni alati

Često postavljana pitanja