Salt la conținutul principal
LibraTool logoLibraTool

Convertor Markdown în HTML — gratuit

Convertește Markdown în HTML curat cu previzualizare live. Folosește vizualizarea sursă pentru a copia HTML gata de lipit pentru bloguri, CMS-uri sau șabloane de e-mail.

Funcționează offline odată încărcat
Ieșirea HTML va apărea aici…

Utilizări frecvente

  • Publicați Markdown pe CMSConvertiți notele Markdown în HTML pentru lipire în CMS care acceptă doar HTML.
  • Construiți conținut e-mail HTMLConvertiți Markdown în HTML pentru e-mailuri de tranzacții și buletine informative.
  • Previzualizați fișierele README la nivel localLipiți README.md pentru a vedea cum va fi redat pe GitHub, GitLab sau npm.
  • Generați conținut pagini pentru site-uri staticeConvertiți textul din corpul Markdown în HTML pentru site-uri statice construite manual sau pagini unice.
  • Construiți HTML documentațieConvertiți documentele interne Markdown în HTML pentru încorporare în aplicații, centre de asistență sau baze de cunoștințe.

Cum funcționează

Conversia este făcută în întregime în browser-ul tău de un parser Markdown scris manual — fără bibliotecă terță parte, fără cerere de server. Parserul parcurge sursa linie-cu-linie, aplicând reguli la nivel de bloc (titluri, liste, tabele, cod încadrat) și apoi o a doua trecere de modele de expresii regulate inline pentru aldin, cursiv, link-uri, imagini, și cod inline.

  1. 1
    Structura de bloc este parsată prima
    Parserul citește Markdown-ul brut linie cu linie, identificând construcții la nivel de bloc: blocuri de cod încadrate (cu clasă de limbă opțională), titluri ATX (# până la ######), citate în bloc, liste ordonate și neordonate inclusiv casete bifabile de listă de sarcini GFM, tabele GFM cu aliniere de coloană, linii orizontale, și paragrafe care unesc corect liniile de continuare cu împachetare fluidă.
  2. 2
    Modele inline aplicate în interiorul fiecărui bloc
    După ce textul fiecărui bloc este escapat HTML, un lanț de expresii regulate în parseInline() transformă sintaxa inline: imagini și link-uri (cu listă albă de scheme URL care elimină href-uri javascript: și data:), **aldin**, *cursiv*, ~~tăiat~~, și cod inline — în acea ordine de precedență.
  3. 3
    Ieșire HTML live cu comutator de previzualizare
    Șirul HTML este recalculat prin useMemo la fiecare apăsare de tastă, astfel încât panoul din dreapta se actualizează instant. Un comutator schimbă între vizualizarea sursei HTML brute și o previzualizare randată folosind motorul de layout propriu al browser-ului.
  4. 4
    Trei opțiuni de ieșire, inclusiv copiere text bogat
    Poți copia markup-ul HTML brut, descărca un fișier .html autonom complet cu etichetă meta DOCTYPE și charset, sau folosi 'Copiază text bogat' — care scrie ambele tipuri MIME text/html și text/plain în clipboard prin ClipboardItem al API-ului Clipboard, astfel încât rezultatul formatat se lipește direct în Gmail, Google Docs, sau Word fără pași suplimentari.

Instrumente similare

Întrebări frecvente