Lumaktaw sa pangunahing nilalaman

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.

Gumagana offline kapag na-load na

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.

Output na Markdown
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.

  1. 1
    Hinaharang ng paste detection ang rich text
    Binabasa 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.
  2. 2
    Tinatanggal at kino-convert ng multi-pass na regex pipeline ang mga tag
    Nagpapatakbo 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.
  3. 3
    Pag-decode ng entity at normalization ng whitespace
    Pagkatapos matanggal ang lahat ng tag, nire-resolve ng nakalaang decodeEntities function ang mga named entity (&amp;, &lt;, atbp.) at numeric na decimal at hex na character reference (&#39;, &#x27;) 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.
  4. 4
    Ibinabalik ang mga protektadong code span
    Huling 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

Mga Madalas na Itanong