Libreng HTML sa Markdown Converter
I-convert ang HTML sa malinis na Markdown. Hinahawakan ang mga heading, listahan, link, larawan, code block, talahanayan, at blockquote. Perpekto para sa paglipat ng nilalaman mula sa mga CMS.
I-paste ang HTML sa kaliwa; lalabas ang malinis na Markdown sa kanan. Mas simple ang Markdown kaysa HTML, kaya ang styling, mga script, at kumplikadong talahanayan ay pinasimple o tinanggal.
Tip: i-paste ang rich text na kinopya mula sa web page, Word, o Google Docs - ang HTML nito ay automatic na na-capture.
Lalabas ang Markdown output ditoβ¦Mga karaniwang gamit
- Migrasyon ng Blog Content sa MarkdownGawing Markdown ang mga lumang WordPress, Medium, o ibang CMS posts para sa static site generators.
- I-convert ang Email Content sa MarkdownKunin ang teksto mula sa HTML emails o web articles at gawing plain Markdown para sa note-taking apps.
- I-convert ang HTML Docs sa MarkdownIlipat ang legacy HTML documentation sa Markdown-based docs system (Docusaurus, GitBook, MkDocs).
- CMS Export CleanupLinisin ang messy HTML na na-export mula sa CMSes at gawing version-control-friendly Markdown.
- Ihanda ang HTML Content para sa LLM PromptsI-convert ang HTML content sa clean Markdown para sa paggamit sa ChatGPT, Claude, o ibang LLM prompts.
Paano ito Gumagana
Nakabatay ang converter na ito sa isang hand-written at walang-dependency na regex pipeline β walang ini-import na third-party library. Tumatakbo ang buong conversion sa loob ng iyong browser sa pamamagitan ng React useMemo call, at live na nag-a-update ang output habang nagta-type ka.
- 1Hinaharang ng paste detection ang rich textBinabasa ng isang ClipboardEvent handler ang text/html na bersyon mula sa clipboard bago pa makapag-paste ang browser ng plain text. Ibig sabihin, kapag direkta kang nag-paste mula sa web page, Google Docs, o Word, awtomatikong nakukuha ang raw na HTML markup β hindi mo na kailangang tingnan muna ang source.
- 2Tinatanggal at kino-convert ng multi-pass na regex pipeline ang mga tagNagpapatakbo ang converter ng mahigpit na pagkakasunod ng regex pass: inaalis muna ang <head>, <script>, <style>, at mga HTML comment, pagkatapos ay itinatago ang mga fenced code block sa likod ng null-byte placeholder para hindi masira ng mga susunod na pass ang laman ng code. Hinahawakan ng mga kasunod na pass ang heading (h1βh6), blockquote, larawan, link, bold/italic/strikethrough, ordered at unordered list, at basic na GFM pipe table β bawat pass ay tumutukoy sa isang partikular na pamilya ng tag.
- 3Pag-decode ng entity at normalization ng whitespacePagkatapos matanggal ang lahat ng tag, nire-resolve ng nakalaang decodeEntities function ang mga named entity (&, <, atbp.) at numeric na decimal at hex na character reference (', ') gamit ang String.fromCodePoint. Pinapalitan ng Unicode replacement character ang mga sira o wala-sa-saklaw na code point sa halip na mag-error. Pagkatapos, nino-normalize ang mga space sa dulo, sunud-sunod na blangkong linya, at labis na whitespace.
- 4Ibinabalik ang mga protektadong code spanHuling inaalis ang sistema ng placeholder (mga index na hinati ng null byte), pagkatapos matapos ang pagtanggal, pag-decode, at pagsasama ng whitespace. Pinipigilan nito ang dobleng pag-decode ng mga entity sequence sa loob ng code literal β isang karaniwang double-decode bug sa mga simplistikong HTML-to-Markdown converter.
Mga Kaugnay na Tool
Markdown sa HTML Converter
I-convert ang Markdown sa malinis na HTML na may live preview. Gamitin ang source view para kopyahin ang handa nang i-paste na HTML para sa mga blog, CMS, o email template.
Markdown Editor
Sumulat at i-preview ang Markdown sa real time. Sinusuportahan ang mga heading, bold, italic, code block, talahanayan, at listahan.
HTML Encoder at Decoder
I-encode ang mga espesyal na karakter sa mga HTML entity o i-decode ang mga entity pabalik sa plain text. Agad, sa iyong browser.