Neidio i'r prif gynnwys

Trawsnewidydd Markdown i HTML am ddim

Trawsnewidwch Markdown i HTML glân gyda rhagolwg byw. Defnyddio'r golwg ffynhonnell i gopïo HTML parod i'w gludo ar gyfer blogiau, CMSiau, neu demplatau e-bost.

Yn gweithio all-lein ar ôl llwytho
Bydd allbwn HTML yn ymddangos yma…

Defnyddiau cyffredin

  • Cyhoeddi Markdown ar CMSTrosi nodiadau Markdown yn HTML i'w ludo i CMSes sy'n derbyn HTML yn unig.
  • Adeiladu Cynnwys E-bost HTMLTrosi Markdown yn HTML ar gyfer e-byst postverthiad a thylldenni.
  • Rhagolwg Ffeiliau README yn LleolPastiwch README.md i weld sut y bydd yn rhoi ar GitHub, GitLab, neu npm.
  • Cynhyrchwch Gynnwys Tudalen ar gyfer Safleoedd StatigTrosi cynnwys corff Markdown yn HTML ar gyfer safleoedd statig wedi'u hadeiladu â llaw neu dudalennau unigol.
  • Adeiladu HTML DogfennaethTrosi dogfennau Markdown mewnol yn HTML i'w neilltuo mewn apiau, ganolfannau cymorth, neu seiliau gwybodaeth.

Sut Mae'n Gweithio

Gwneir y trosiad yn gyfan gwbl yn eich porwr gan ddosrannwr Markdown wedi'i ysgrifennu â llaw — dim llyfrgell trydydd parti, dim cais gweinydd. Mae'r dosrannwr yn cerdded y ffynhonnell linell-wrth-linell, gan gymhwyso rheolau lefel-bloc (penawdau, rhestrau, tablau, cod wedi'i ffensio) ac yna ail bas o batrymau mynegiad rheolaidd mewn-lein ar gyfer tew, italeidd, dolenni, delweddau, a chod mewn-lein.

  1. 1
    Strwythur bloc wedi'i ddosrannu'n gyntaf
    Mae'r dosrannwr yn darllen y Markdown amrwd linell wrth linell, gan adnabod adeiladau lefel-bloc: blociau cod wedi'u ffensio (â dosbarth iaith dewisol), penawdau ATX (# hyd ######), dyfyniadau bloc, rhestrau trefnedig a heb eu trefnu gan gynnwys blychau ticio rhestr-tasg GFM, tablau GFM ag aliniad colofn, rheolau llorweddol, a pharagraffau sy'n cydgysylltu'n gywir linellau parhad wedi'u lapio'n feddal.
  2. 2
    Patrymau mewn-lein wedi'u cymhwyso y tu mewn i bob bloc
    Ar ôl i destun pob bloc gael ei ddianc-HTML, mae cadwyn mynegiad rheolaidd yn parseInline() yn trawsnewid cystrawen mewn-lein: delweddau a dolenni (â rhestr wen cynllun URL sy'n tynnu hrefs javascript: a data:), **tew**, *italeidd*, ~~trawstoriad~~, a chod mewn-lein — yn y drefn flaenoriaeth honno.
  3. 3
    Allbwn HTML byw â thogl rhagolwg
    Mae'r llinyn HTML yn cael ei ailgyfrifo drwy useMemo ar bob trawiad bysell, felly mae'r panel de'n diweddaru ar unwaith. Mae togl yn newid rhwng golwg ffynhonnell HTML amrwd a rhagolwg wedi'i rendro gan ddefnyddio injan cynllun y porwr ei hun.
  4. 4
    Tri opsiwn allbwn gan gynnwys copïo testun cyfoethog
    Gallwch gopïo'r marciad HTML amrwd, lawrlwytho ffeil .html annibynnol gyflawn â DOCTYPE a thag meta set nod, neu ddefnyddio 'Copïo testun cyfoethog' — sy'n ysgrifennu mathau MIME text/html a text/plain ill dau i'r clipfwrdd drwy ClipboardItem Clipboard API, fel bod y canlyniad wedi'i fformatio'n gludo'n uniongyrchol i mewn i Gmail, Google Docs, neu Word heb gamau ychwanegol.

Offer Cysylltiedig

Cwestiynau Cyffredin