Pereiti prie pagrindinio turinio

Markdown į HTML konverteris nemokamai

Konvertuokite Markdown į švarų HTML su gyvos peržiūros galimybe. Naudokite šaltinio rodinį, kad nukopijuotumėte paruoštą naudoti HTML tinklaraščiams, TVS ar el. pašto šablonams.

Veikia neprisijungus, kai įkeliama
HTML išvestis pasirodys čia…

Dažniausi naudojimo būdai

  • Paskelbkite Markdown CMSKonvertuokite Markdown pastahas i HTML, kad jas galetumete iklijuoti i CMS sistemas, priimancias tik HTML.
  • Sukurkite HTML el. pasto turiniKonvertuokite Markdown i HTML sandoriaviams el. pastams ir naujienlaiskinams.
  • Perrziurekite README failus lokaliaiIklijuokite savo README.md faila, kad pamatyumete, kaip jis bus vaizdojamas GitHub, GitLab ar npm.
  • Sukurkite puslabio turini statiniams svetainemisKonvertuokite Markdown kuno turini i HTML rankiniu budu pastattems statiniams svetainemis ar vienkartinemis puslabiais.
  • Sukurkite HTML dokumentacijaKonvertuokite vidine Markdown dokumentacija i HTML, kad ja butu galima iterpti i programas, pagalbos centrus ar ziniu bazes.

Kaip tai veikia

Konvertavimas atliekamas visiškai jūsų naršyklėje, naudojant rankomis parašytą Markdown analizatorių — jokios trečiosios šalies bibliotekos, jokio kreipimosi į serverį. Analizatorius eina per šaltinį eilutė po eilutės, taikydamas blokinio lygio taisykles (antraštes, sąrašus, lenteles, aptvertą kodą), o tada antrą praėjimą su vidinės sintaksės reguliariaisiais reiškiniais paryškinimui, kursyvui, nuorodoms, paveikslėliams ir vidiniam kodui.

  1. 1
    Pirmiausia analizuojama blokinė struktūra
    Analizatorius skaito neapdorotą Markdown eilutė po eilutės, nustatydamas blokinio lygio konstrukcijas: aptvertus kodo blokus (su pasirenkama kalbos klase), ATX antraštes (# iki ######), citatas, sunumeruotus ir nenumeruotus sąrašus, įskaitant GFM užduočių sąrašo žymimuosius langelius, GFM lenteles su stulpelių lygiavimu, horizontalias linijas ir pastraipas, kurios teisingai sujungia minkštai apvyniotas tęsinio eilutes.
  2. 2
    Vidinės sintaksės pritaikomos kiekviename bloke
    Po to, kai kiekvieno bloko tekstas HTML apsaugomas, parseInline() reguliariųjų reiškinių grandinė transformuoja vidinę sintaksę: paveikslėlius ir nuorodas (su URL schemos baltuoju sąrašu, kuris pašalina javascript: ir data: nuorodas), **paryškinimą**, *kursyvą*, ~~perbraukimą~~ ir vidinį kodą — šia pirmumo tvarka.
  3. 3
    Gyva HTML išvestis su peržiūros perjungikliu
    HTML eilutė perskaičiuojama per useMemo su kiekvienu paspaudimu, todėl dešinysis skydelis atsinaujina akimirksniu. Perjungiklis persijungia tarp neapdoroto HTML šaltinio rodinio ir atvaizduotos peržiūros, naudojant pačios naršyklės išdėstymo variklį.
  4. 4
    Trys išvesties parinktys, įskaitant formatuoto teksto kopijavimą
    Galite nukopijuoti neapdorotą HTML žymėjimą, atsisiųsti pilną savarankišką .html failą su DOCTYPE ir charset meta žyma arba naudoti „Kopijuoti formatuotą tekstą“ — jis į iškarpinę per Clipboard API ClipboardItem įrašo ir text/html, ir text/plain MIME tipus, todėl suformatuotas rezultatas tiesiogiai įklijuojamas į „Gmail“, „Google Docs“ ar „Word“ be papildomų veiksmų.

Susiję įrankiai

Dažnai užduodami klausimai