Slaan oor na hoofinhoud
LibraTool logoLibraTool

Gratis Markdown na HTML-omskakelaar

Skakel Markdown om na skoon HTML met regstreekse voorskou. Gebruik die bronaansig om gereed-vir-plak HTML vir blogs, CMS'e of e-possjablone te kopieer.

Werk vanlyn sodra gelaai
HTML-uitvoer verskyn hier…

Algemene gebruike

  • Publiseer Markdown in CMSOmskakeling Markdown-notas na HTML vir inplak in CMS'e wat slegs HTML aanvaar.
  • Bou HTML E-pos InhoudOmskakeling Markdown na HTML vir transaksionele e-posse en nuusbriewe.
  • Vernuwing README-lêers PlaaslikPlak jou README.md in om te sien hoe dit op GitHub, GitLab, of npm sal lewer.
  • Genereer Bladinhoud vir Statiese WebwerweOmskakeling Markdown-liggaamsinhoud na HTML vir met-die-hand-gebou statiese webwerwe of eenmalige bladsye.
  • Bou Dokumentasie HTMLOmskakeling interne Markdown-dokumentasie na HTML vir embedding in programme, hulpsentrum, of kennisbases.

Hoe dit werk

Die omskakeling word heeltemal in jou blaaier deur 'n handgeskrewe Markdown-ontleder gedoen — geen derdeparty-biblioteek, geen bedienerversoek nie. Die ontleder loop lyn-vir-lyn deur die bron, pas blok-vlak-reëls toe (opskrifte, lyste, tabelle, omheinde kode) en dan 'n tweede deurgang van inlyn-reëlmatige-uitdrukking-patrone vir vetdruk, kursief, skakels, beelde, en inlyn-kode.

  1. 1
    Blokstruktuur eerste ontleed
    Die ontleder lees die rou Markdown lyn vir lyn, en identifiseer blok-vlak-konstrukte: omheinde kodeblokke (met opsionele taalklas), ATX-opskrifte (# tot ######), aanhalingsblokke, geordende en ongeordende lyste insluitend GFM-taak-lys-merkblokkies, GFM-tabelle met kolom-belyning, horisontale reëls, en paragrawe wat sag-gevoude vervolglyne korrek saamvoeg.
  2. 2
    Inlyn-patrone binne elke blok toegepas
    Nadat elke blok se teks HTML-ontsnap is, transformeer 'n reëlmatige-uitdrukking-ketting in parseInline() inlyn-sintaksis: beelde en skakels (met URL-skema-witlys wat javascript:- en data:-hrefs strip), **vetdruk**, *kursief*, ~~deurhaal~~, en inlyn-kode — in daardie voorrangsvolgorde.
  3. 3
    Lewendige HTML-uitset met voorskou-wisselaar
    Die HTML-string word met elke sleutelaanslag via useMemo herbereken, sodat die regterkant-paneel oombliklik bywerk. 'n Wisselaar skakel tussen die rou HTML-bron-aansig en 'n gerenderde voorskou met die blaaier se eie uitlegenjin.
  4. 4
    Drie uitsetopsies insluitend ryk-teks-kopiëring
    Jy kan die rou HTML-opmaak kopieer, 'n volledige eiestandige .html-lêer met DOCTYPE en charset-meta-etiket aflaai, of 'Kopieer ryk teks' gebruik — wat beide text/html- en text/plain-MIME-tipes na die knipbord skryf via die Clipboard-API se ClipboardItem, sodat die geformateerde resultaat direk in Gmail, Google Docs, of Word plak sonder ekstra stappe.

Verwante gereedskap

Gereelde vrae