Langsung ke konten utama

Konverter HTML ke Markdown gratis

Konversi HTML ke Markdown yang bersih. Menangani judul, daftar, tautan, gambar, blok kode, tabel, dan blockquote. Sempurna untuk memindahkan konten dari CMS.

Berfungsi offline setelah dimuat

Tempel HTML di kiri; Markdown bersih muncul di kanan. Markdown lebih sederhana dari HTML, sehingga gaya, skrip, dan tabel kompleks akan disederhanakan atau dihapus.

Tips: tempel teks kaya yang disalin dari halaman web, Word, atau Google Docs - HTML-nya ditangkap secara otomatis.

Output Markdown
Output Markdown akan muncul di sini…

Penggunaan umum

  • Migrasi Konten Blog ke MarkdownKonversi posting WordPress, Medium, atau CMS lain yang lama ke Markdown untuk pembuat situs statis.
  • Konversi Konten Email ke MarkdownTarik teks dari email HTML atau artikel web dan konversi ke Markdown untuk aplikasi pencatatan.
  • Konversi Dokumen HTML ke MarkdownPindahkan dokumentasi HTML warisan ke sistem dokumen berbasis Markdown (Docusaurus, GitBook, MkDocs).
  • Pembersihan Ekspor CMSBersihkan HTML berantakan yang diekspor dari CMS dan ubah menjadi Markdown yang ramah kontrol versi.
  • Persiapkan Konten HTML untuk Prompt LLMKonversi konten HTML menjadi Markdown bersih untuk digunakan dalam prompt ChatGPT, Claude, atau LLM lainnya.

Cara kerja

Konverter ini dibangun di sekitar pipeline regex tulisan tangan tanpa dependensi β€” tidak ada library pihak ketiga yang diimpor. Seluruh konversi berjalan di dalam browser Anda via panggilan useMemo React, memperbarui keluaran secara langsung saat Anda mengetik.

  1. 1
    Deteksi tempel mencegat teks kaya
    Penangan ClipboardEvent membaca flavor text/html dari clipboard sebelum browser dapat menempelkan teks polos. Ini berarti menempel langsung dari halaman web, Google Docs, atau Word secara otomatis menangkap markup HTML mentah β€” Anda tidak perlu melihat sumber terlebih dahulu.
  2. 2
    Pipeline regex multi-lintasan menghapus dan mengonversi tag
    Konverter menjalankan urutan ketat lintasan regex: pertama menghapus <head>, <script>, <style>, dan komentar HTML, lalu menyembunyikan blok kode berpagar di balik placeholder byte-nol untuk mencegah lintasan berikutnya merusak konten kode. Lintasan berikutnya menangani heading (h1–h6), blockquote, gambar, tautan, tebal/miring/coret, daftar berurut dan tak-berurut, dan tabel pipe GFM dasar (dengan perataan-kolom) β€” setiap lintasan menargetkan keluarga tag tertentu.
  3. 3
    Penguraian entitas dan normalisasi spasi
    Setelah semua tag dihapus, fungsi decodeEntities khusus menyelesaikan entitas bernama (&amp;, &lt;, dll.) ditambah referensi karakter desimal dan heksa numerik (&#39;, &#x27;) menggunakan String.fromCodePoint. Code point yang cacat atau di luar rentang diganti dengan karakter pengganti Unicode alih-alih melemparkan error. Spasi di akhir, rangkaian baris kosong yang diciutkan, dan spasi berlebih kemudian dinormalisasi.
  4. 4
    Bentang kode yang dilindungi dipulihkan
    Sistem placeholder (indeks berbatas byte-nol) dibongkar terakhir, setelah penghapusan, penguraian, dan penciutan spasi selesai. Ini mencegah urutan entitas di dalam literal kode diurai dua kali β€” bug penguraian ganda umum dalam konverter HTML-ke-Markdown yang naif.

Alat terkait

Pertanyaan yang sering diajukan