Libreng Converter

Markdown sa HTML Converter

I-transform ang Markdown text sa production-ready na HTML code na may live na suporta sa preview.

Tungkol sa tool na ito

Ang Markdown ay isang magaan na markup language na ginawa ni John Gruber noong 2004 upang hayaan ang mga manunulat na gumawa ng structured na HTML gamit ang mga plain text convention: hash characters para sa mga heading, asterisk para sa diin, hyphens para sa mga listahan, indented blocks para sa code. Ang format ay naging default para sa mga README file, teknikal na dokumentasyon, blog draft, static na site generator, at anumang konteksto kung saan ang pagsusulat ay dapat na nababasa bilang plain text at bilang nai-render na output. Ang pag-convert ng Markdown sa HTML ay ang hakbang sa pag-render na ginagawang webpage ang pinagmulan.

Ginagamit ng converter na ito ang minarkahang library, ang pinakatinatanggap na Markdown renderer sa JavaScript. Sinusuportahan ng Marked ang CommonMark at GitHub Flavored Markdown (GFM), na nangangahulugang mga talahanayan, nabakuran na mga bloke ng code, mga listahan ng gawain, strikethrough, at autolinking lahat ay gumagana nang tama bilang karagdagan sa mga karaniwang tampok ng Markdown.

Ang output ay simpleng HTML — mga semantic na tag para sa mga heading, talata, listahan, link, at larawan, kasama ang mga class hook para sa mga bloke ng code kung saan inaasahan ang mga ito ng mga tool sa pag-highlight ng syntax. Malinis na i-paste ang output sa anumang CMS, naka-embed sa mga static na generator ng site, o nagsisilbing standalone na .html. Walang idinagdag na CSS o JavaScript; ang pag-istilo sa resulta ay naiwan sa iyong downstream na konteksto.

Bakit I-convert ang Markdown sa HTML

Ang Markdown ay ang format na gusto ng mga manunulat at developer; Ang HTML ay ang format na ini-render ng mga browser. Karamihan sa mga static na site generator at CMS platform ay nagko-convert ng Markdown sa HTML behind the scenes, ngunit minsan kailangan mo ang conversion bilang isang standalone na hakbang — pag-paste sa isang CMS na walang suporta sa Markdown, pagbuo ng HTML para sa mga email, paggawa ng mabilis na preview, o pag-extract ng nai-render na output para sa karagdagang pagproseso.

Ang HTML ay din ang canonical na format para sa anumang nilalaman na sa huli ay ipapakita sa isang browser. Ang mga newsletter sa email na binuo mula sa mga draft ng Markdown, mga pahina ng dokumentasyon na naka-embed sa mas malalaking HTML na application, at mga post sa blog na na-paste sa mga editor na umaasang makikinabang ang HTML mula sa malinis na conversion.

Paano gamitin

I-paste ang Markdown, kumuha ng HTML.

  1. Idagdag ang iyong Markdown: I-paste ang Markdown text sa input area o mag-drop ng .md file. Parehong gumagana ang standard Markdown at GitHub Flavored Markdown syntax.
  2. Magbalik-loob: Pina-parse ng Marked ang Markdown sa isang AST at naglalabas ng HTML. Ang mga karaniwang inline na elemento (diin, malakas, mga link, code, mga larawan), mga elemento ng block (heading, talata, listahan, blockquotes), at mga extension ng GFM (mga talahanayan, nabakuran na code, mga listahan ng gawain, mga autolink) lahat ay nai-render nang tama.
  3. Silipin: Siyasatin ang na-render na HTML sa preview panel. Kumpirmahin ang mga bloke ng code, talahanayan, at iba pang kumplikadong elemento na lalabas gaya ng inaasahan.
  4. Kopyahin o i-download: Kopyahin ang HTML sa clipboard para sa pag-paste sa isang CMS, o i-save bilang .html para sa standalone na paggamit. Ang output ay semantic HTML5 na walang mga inline na istilo.

Mga Karaniwang Paggamit

Mga Detalye ng Teknikal

Gumagamit ang Marked ng two-pass architecture. Ang lexer ay tokenize ang input sa block-level token (heading, talata, listahan, code block) at inline token (diin, link, larawan). Ang parser ay lumalakad sa token stream at naglalabas ng HTML, na naglalapat ng mga renderer hook para sa bawat uri ng token.

Ang mga extension ng GitHub Flavored Markdown ay pinagana bilang default: mga talahanayan (gamit ang pipe syntax), nabakuran na mga bloke ng code (triple backticks na may mga pahiwatig ng wika), mga listahan ng gawain (- [ ] at - [x]), strikethrough (gamit ang double tildes), at URL autolinking. Ang mga bloke ng code ay naglalabas ng paunang nakabalot sa code na may opsyonal na klase ng wika para sa downstream na pag-highlight ng syntax.

Ang output sanitization ay naiwan sa downstream na mga mamimili. Ang Marked ay naglalabas ng anumang nailalabas ng input, kabilang ang raw HTML na naka-embed sa Markdown. Kung tatanggapin mo ang hindi pinagkakatiwalaang input, patakbuhin ang output sa pamamagitan ng DOMPuify o isang katulad na HTML sanitizer bago mag-render sa isang browser.

Pinakamahusay na Kasanayan

Mga madalas itanong

Binabago ba ng pag-convert ng MARKDOWN sa HTML ang nilalaman?
Ang nilalaman ay pinapanatili nang tumpak hangga't maaari. Gayunpaman, maaaring walang direktang katumbas ang ilang feature na partikular sa format, kaya maaaring magkaroon ng maliliit na pagkakaiba sa pag-format.
Ano ang ginagamit na format ng HTML?
Pangunahing ginagamit ang HTML (HyperText Markup Language) para sa mga web page at nilalaman ng web.
Mayroon bang anumang mga limitasyon na dapat malaman?
Sinusuportahan ang mga file na hanggang 50MB. Maaaring mas matagal bago maproseso ang napakalaki o kumplikadong mga file. Ang lahat ng conversion ay nangyayari sa iyong browser, kaya ang bilis ng pagproseso ay nakasalalay sa iyong device.
Secure at pribado ba ang conversion na ito?
Oo. Ang lahat ng pagproseso ay nangyayari nang lokal sa iyong browser. Ang iyong data ay hindi kailanman umaalis sa iyong device — walang pag-upload ng server, walang pagpoproseso ng ulap, walang pangongolekta ng data.
Sinusuportahan ba ang mga emojis?
Direktang dumaan ang mga Unicode emojis (pag-type ng heart emoji ay nagpapakita ng puso sa output). GitHub-style :emoji: ang mga shortcode ay hindi kino-convert bilang default; magdagdag ng extension kung kailangan mo iyon.
Na-upload ba ang aking Markdown sa isang server?
Hindi. Tumatakbo ang marka sa iyong browser; ang conversion ay ganap na nangyayari sa iyong device.
Maaari ba akong magdagdag ng custom na istilo sa HTML?
Oo, pagkatapos ng conversion. Ang output ay plain semantic HTML; ilapat ang iyong sariling CSS sa mga heading ng istilo, mga bloke ng code, mga talahanayan, at iba pang mga elemento.
Sinusuportahan ba nito ang mga footnote?
Hindi tinukoy ng Standard CommonMark ang syntax ng footnote. Sinusuportahan ng ilang Markdown extension ang [^1] footnote syntax; ang converter na ito ay sumusunod sa GFM, na hindi kasama ang mga footnote.