HTML to Markdown Converter

Paano i-convert ang HTML sa Markdown

1. Piliin ang direksyon: HTML → Markdown o Markdown → HTML.
2. I-paste ang iyong code sa input box, o i-click ang Buksan ang file para mag-load ng .html, .htm, .md o .txt file mula sa iyong computer (hanggang 10 MB).
3. Ayusin ang mga opsyon. Para sa HTML → Markdown, mapipili mo ang istilo ng Mga heading, ang Marker ng listahan at ang istilo ng Mga code block. Para sa Markdown → HTML, naka-on bilang default ang I-sanitize ang HTML (alisin ang mga script at event handler).
4. I-click ang I-convert. Nag-a-update din ang resulta habang nagta-type ka.
5. Kopyahin o i-download ang resulta. Inililipat ng Baliktarin ang direksyon ang resulta pabalik sa input para ma-convert mo ito sa kabilang direksyon at masuri ang round trip.

Ipinapakita ng Preview sa ilalim ng resulta kung paano nire-render ang Markdown, kaya makikita mo agad kung tama ang conversion.

Ano ang ginagawa ng HTML → Markdown na conversion

Binabasa ng converter ang iyong HTML gamit ang sariling parser ng browser, sa isang inert na dokumento: hindi tumatakbo ang mga script at hindi dina-download ang mga larawan. Pagkatapos ay nilalakad nito ang istruktura ng page at isinusulat ang katumbas na Markdown ng bawat elemento:

• Ang <h1> hanggang <h6> ay nagiging mga heading. Ang ATX (# Pamagat) ay nagsusulat ng # hanggang ######; ang Setext (may salungguhit) ay naglalagay ng salungguhit na === o --- sa mga heading na level 1 at 2 (laging # ang level 3 hanggang 6).
• Ang <strong> at <b> ay nagiging **bold**, ang <em> at <i> ay nagiging _italic_, ang inline na <code> ay nagiging backtick.
• Ang mga link ay nagiging [text](url "title") at ang mga larawan ay nagiging ![alt](src).
• Ginagamit ng mga listahan ang piniling marker (-, * o +); pinananatili ng mga ordered list ang kanilang start na numero, at naka-indent ang mga nested na listahan.
• Ang <pre><code> ay nagiging code block, alinman sa Fenced (```) o Indented (4 na espasyo).
• Kino-convert din ang <blockquote>, <hr> at mga line break.
• Inaalis kasama ang laman nito ang <script>, <style>, <iframe>, <noscript> at mga katulad na elemento.

Ang mga character na mababasa sana bilang Markdown syntax, gaya ng * o # sa simula ng linya, ay ine-escape gamit ang backslash para manatiling literal ang text.

GitHub Flavored Markdown

Kapag naka-check ang GitHub Flavored Markdown (mga table, ~~strikethrough~~, task list):

• Ang mga table ay nagiging pipe table na may nakahanay na mga column. Ang header ay galing sa hilera ng <thead> o hilerang gawa lang sa mga <th> na cell; kung wala, nagdaragdag ng walang laman na header row, dahil kinakailangan ito ng GFM. Binabasa ang pagkakahanay ng column mula sa align="right" o style="text-align: center". Ang mga pipe sa loob ng cell ay ine-escape bilang \|, ang mga line break ay nagiging <br>, at ang colspan ay pinupunan ng mga walang laman na cell. Ang <caption> ay isinusulat bilang talata sa itaas ng table.
• Ang <del>, <s> at <strike> ay nagiging ~~strikethrough~~.
• Ang mga checkbox sa simula ng mga item ng listahan ay nagiging task list item: - [x] tapos na, - [ ] gagawin.

Walang katumbas ang Markdown para sa mga nested na table, pinagsamang hilera o styling ng cell. Ang table na may laman na ibang table ay pinananatiling raw na HTML, na tinatanggap ng karamihan ng Markdown renderer. Kung walang opsyong GFM, pinananatiling HTML ang bawat table.

Markdown → HTML

Sa kabilang direksyon, nire-render ang Markdown gamit ang parser na sumusunod sa CommonMark, kasama ang mga extension ng GFM kapag naka-on ang opsyon. Ang output ay mga HTML fragment, handang i-paste sa CMS, email template o web page. Kapag naka-check ang I-sanitize ang HTML (alisin ang mga script at event handler), nililinis ang raw na HTML na nakapaloob sa Markdown: inaalis ang mga tag na <script>, mga attribute na onclick at mga link na javascript:. Alisin lang ang check para sa Markdown na ikaw mismo ang sumulat.