Langkau ke kandungan utama

Penukar HTML ke Markdown percuma

Tukar HTML kepada Markdown yang bersih. Mengendalikan tajuk, senarai, pautan, imej, blok kod, jadual, dan petikan blok. Sempurna untuk memindahkan kandungan keluar dari CMS.

Berfungsi luar talian selepas dimuatkan

Tampal HTML di sebelah kiri; Markdown bersih muncul di sebelah kanan. Markdown lebih mudah daripada HTML, jadi gaya, skrip, dan jadual kompleks dipermudahkan atau digugurkan.

Petua: tampal teks kaya yang disalin daripada halaman web, Word, atau Google Docs - HTMLnya ditangkap secara automatik.

Output Markdown
Output Markdown akan muncul di sini…

Kegunaan biasa

  • Migrasikan kandungan blog ke MarkdownTukar catatan WordPress, Medium atau CMS lain yang lebih lama ke Markdown untuk penjana laman statis.
  • Tukar kandungan e-mel ke MarkdownEkstrak teks dari e-mel HTML atau artikel web dan tukar ke Markdown biasa untuk aplikasi nota.
  • Tukar dokumen HTML ke MarkdownPindahkan dokumentasi HTML yang lebih lama ke sistem dokumentasi berasaskan Markdown (Docusaurus, GitBook, MkDocs).
  • Pembersihan eksport CMSBersihkan HTML yang malas yang dieksport dari CMS dan ubahnya menjadi Markdown yang mesra dengan kawalan versi.
  • Sediakan kandungan HTML untuk petunjuk LLMTukar kandungan HTML ke Markdown bersih untuk digunakan dalam petunjuk ChatGPT, Claude atau LLM lain.

Cara ia berfungsi

Penukar ini dibina sekitar saluran paip regex tulisan tangan, sifar-kebergantungan β€” tiada pustaka pihak ketiga diimport. Keseluruhan penukaran berjalan dalam pelayar anda melalui panggilan React useMemo, mengemas kini output secara langsung semasa anda menaip.

  1. 1
    Pengesanan tampal memintas teks kaya
    Pengendali ClipboardEvent membaca perisa text/html daripada papan keratan sebelum pelayar boleh tampal teks biasa. Ini bermaksud menampal terus daripada halaman web, Google Docs, atau Word secara automatik menangkap markup HTML mentah β€” anda tidak perlu lihat sumber dahulu.
  2. 2
    Saluran paip regex berbilang-pas membuang dan menukar tag
    Penukar ini menjalankan susunan ketat pas regex: ia dahulu membuang <head>, <script>, <style>, dan komen HTML, kemudian menyimpan blok kod berpagar di sebalik pemegang tempat bait-nol untuk mengelak pas kemudian daripada merosakkan kandungan kod. Pas berikutnya mengendalikan tajuk (h1–h6), petikan blok, imej, pautan, tebal/condong/coret, senarai bertertib dan tidak bertertib, dan jadual paip GFM asas β€” setiap pas menyasarkan keluarga tag khusus.
  3. 3
    Penyahkodan entiti dan normalisasi ruang putih
    Selepas semua tag dibuang, fungsi decodeEntities khusus menyelesaikan entiti bernama (&amp;, &lt;, dll.) ditambah rujukan aksara perpuluhan dan heks berangka (&#39;, &#x27;) menggunakan String.fromCodePoint. Titik kod cacat atau di luar julat digantikan dengan aksara penggantian Unicode dan bukan menimbulkan ralat. Ruang di hujung, larian baris kosong yang diruntuhkan, dan ruang putih berlebihan kemudian dinormalisasi.
  4. 4
    Rentang kod dilindungi dipulihkan
    Sistem pemegang tempat (indeks dibatas-bait-nol) diuraikan terakhir, selepas pembuangan, penyahkodan, dan keruntuhan ruang putih selesai. Ini mencegah jujukan entiti di dalam literal kod daripada dinyahkod dua kali β€” pepijat nyahkod-berganda biasa dalam penukar HTML-ke-Markdown naif.

Alat berkaitan

Soalan lazim