Konverter HTML ke Markdown

Ubah HTML ke Markdown GFM, lengkap dengan bagian yang tidak ikut terbawa

Konverter HTML ke Markdown mengubah judul, paragraf, daftar, tabel, kode, dan tautan di HTML menjadi sintaks GitHub Flavored Markdown (GFM). <h2> menjadi ##, <strong> menjadi **, tautan menjadi [teks](alamat), dan tabel menjadi tabel Markdown dengan kolom dipisah |. Tag tidak sekadar dihapus sampai tersisa teks: kerangka dokumen dipertahankan, sehingga hasilnya bisa langsung ditempel ke README di GitHub atau aplikasi catatan yang memakai Markdown.

Anda bisa menempel kode HTML, atau menempel langsung teks yang disalin dari halaman web maupun Google Docs. Teks yang disalin dari layar diterima sebagai format HTML yang dikirim peramban bersama salinan itu, lalu dikonversi. Di bawah hasil ada peta struktur yang menunjukkan urutan blok hasil konversi, serta catatan konversi yang merangkum bagian yang dihilangkan atau ditulis berbeda karena tidak bisa dinyatakan apa adanya di Markdown, misalnya sel gabungan, alamat relatif, dan video sematan.

Kapan HTML perlu diubah ke Markdown

• Memindahkan artikel blog atau CMS ke tempat lain: Artikel di CMS seperti WordPress tersimpan sebagai HTML. Untuk memindahkannya ke generator situs statis atau aplikasi catatan berbasis Markdown, mengonversinya lebih cepat daripada mengetik ulang judul, daftar, dan tautan.
• Merapikan dokumen web menjadi README atau dokumentasi developer: Jika halaman petunjuk instalasi disalin dan ditempel, nama bahasa pada blok kode (language-bash) dan kotak centang daftar tugas ikut diubah ke sintaks GFM.
• Memindahkan notulen dari Google Docs ke catatan Markdown: Teks yang disalin dari editor dokumen sering menulis tebal dan miring lewat nilai style, bukan tag. Konverter ini membaca nilai itu dan mengubahnya menjadi **tebal** dan *miring*.
• Memasukkan artikel web ke alat AI atau catatan dengan ukuran lebih kecil: Jika atribut tampilan seperti class dan style serta skrip dibuang, isi yang sama menjadi jauh lebih pendek. Pada contoh di atas, 'Salin dari editor dokumen' turun dari 1.092 byte menjadi 252 byte, dan 'Email buletin' dari 1.046 byte menjadi 399 byte.
• Menyimpan email buletin: HTML email banyak berisi tabel untuk tata letak dan gambar 1×1 untuk memeriksa apakah email dibuka. Tabel tata letak dibongkar menjadi teks dan gambar pelacak dibuang, sehingga yang tersisa hanya dokumen yang bisa dibaca.

Cara memakai

1. Masukkan HTML: Tempel kode ke kolom HTML, atau pilih bagian halaman web yang diinginkan, salin (Ctrl+C), lalu tempel. Berkas HTML atau HTM bisa dipilih lewat 'Buka berkas' atau diseret ke kolom. Jika contoh masih tampil lalu Anda menempel, seluruh contoh akan diganti.
2. Periksa format yang ditempel: Teks yang disalin dari layar masuk sebagai format HTML, sedangkan kode HTML yang disalin dari editor kode masuk apa adanya sebagai teks. Jika bukan yang Anda maksud, tekan 'Tempel teksnya saja' atau 'Tempel dengan format layar' di baris status.
3. Pilih gaya Markdown: Pilih simbol judul (# atau garis bawah), simbol daftar (- * +), simbol penekanan, pagar blok kode, gaya tautan, dan bentuk tabel. Hasil langsung ditulis ulang saat pilihan diubah.
4. Isi alamat dasar: Jika ada alamat relatif seperti /images/a.jpg, isi alamat halaman asli pada kolom alamat dasar agar diubah menjadi alamat lengkap. Jika HTML memuat base, canonical, atau og:url, alamat itu terisi otomatis.
5. Periksa lalu bawa hasilnya: Lihat tampilannya di pratinjau, klik pita pada peta struktur untuk menuju bagian terkait di hasil, lalu baca catatan konversi. Bawa hasilnya dengan 'Salin Markdown' atau 'Simpan .md'. Menekan Ctrl+Enter (⌘Enter) di kolom hasil juga menyalinnya.

Hasil konversi per tag

Ini hasil yang benar-benar dikeluarkan alat ini pada pengaturan bawaan (judul #, daftar -, penekanan *, kode ```, tautan dalam teks, tabel Markdown).

Empat tempat Markdown rusak pada teks berbahasa Indonesia

Simbol Markdown bisa berfungsi atau tidak tergantung karakter di sekitarnya. Dalam teks Indonesia, angka di awal kalimat, rentang yang ditulis dengan ~, ukuran seperti 5*3, dan kurung siku yang diikuti kurung bulat sering muncul. Jika simbol ini ditulis apa adanya, hasilnya rusak seperti di bawah. Kolom 'Jika hanya simbol diganti' adalah hasil render langsung dengan implementasi CommonMark 0.31.2 (markdown-it) dan implementasi GFM (marked).

Sebaliknya, backslash yang tidak diperlukan tidak ditambahkan. snake_case dengan garis bawah di tengah kata tidak menjadi penekanan sehingga dibiarkan, dan # yang bukan di awal baris seperti pada C# juga dibiarkan. Jika Anda memilih _ sebagai simbol penekanan, hanya bagian yang tidak berfungsi di tengah kata yang diganti dengan **. Pada bahasa Korea dan Jepang, partikel yang menempel langsung setelah tanda tebal menimbulkan masalah serupa, dan konverter ini menanganinya dengan tag <strong>.

Menempel dari halaman web dan Google Docs

Saat teks disalin dari peramban, papan klip berisi teks yang terlihat (text/plain) sekaligus format layarnya (text/html). Konverter ini membaca keduanya saat Anda menempel. Jika ada tag di sisi teks, isinya dianggap kode HTML yang disalin; jika tidak ada tag, dianggap salinan dari layar. Karena itu, jika Anda menyeret dan menyalin halaman web, HTML bagian itu yang masuk, sedangkan jika Anda menyalin kode HTML dari editor kode, yang masuk adalah teks kodenya, bukan format pewarnaan editor.

Google Docs membungkus seluruh rentang yang disalin dengan <b style="font-weight:normal" id="docs-internal-guid-…">, dan menulis tebal serta miring yang sebenarnya lewat font-weight:700 dan font-style:italic pada span. Jika tag b pembungkus dibaca apa adanya sebagai tebal, seluruh teks yang ditempel terbungkus **…**, dan masalah ini dilaporkan di beberapa editor. Konverter ini tidak menganggap tag b dengan font-weight:normal sebagai tebal, dan mengubah tebal, miring, coretan, serta superskrip dari nilai style span di dalamnya. Contoh 'Salin dari editor dokumen' di atas adalah HTML seperti itu.

Hal yang perlu diketahui saat memindahkan tabel

Tabel GFM memakai baris pertama sebagai header, dan baris kedua harus berupa baris pemisah ---. Posisi titik dua pada baris pemisah menentukan perataan: :--- rata kiri, ---: rata kanan, :---: rata tengah. Alat ini mengambil perataan dari atribut align atau text-align pada style, lalu mengisi spasi agar kolom tetap lurus di teks Markdown mentah (kolom yang lebih dari 40 karakter tidak diisi).

• Tanda | di dalam sel: Ditulis \| agar tidak tertukar dengan batas sel. Menurut spesifikasi GFM, | di dalam kode atau tautan pun harus ditulis sama.
• Beberapa baris dalam satu sel: Sel tabel GFM tidak bisa memuat blok seperti paragraf atau daftar, jadi baris disambung dengan <br>.
• Sel gabungan: Tabel Markdown tidak bisa menggabungkan sel. Secara bawaan, sel yang tergabung diperluas menjadi sel kosong. Jika pengaturan tabel diubah ke HTML, tabel HTML tanpa class dan style dibiarkan lengkap dengan rowspan dan colspan.
• Tabel tanpa header: Baris header wajib ada, jadi baris pertama dipakai sebagai header. Jumlahnya muncul di catatan konversi.
• Tabel tata letak: Tabel yang memakai role="presentation", memuat tabel lain di dalamnya, atau hanya punya satu kolom dianggap alat tata letak, bukan data, dan isi selnya dibongkar berurutan menjadi teks. Ini umum pada HTML email.

Cara memilih gaya Markdown

Seberapa kecil Markdown dibanding HTML

Untuk isi yang sama, ukuran turun banyak jika atribut tampilan, skrip, dan tabel tata letak dibuang. Berikut nilai yang tampil pada bilah ukuran saat contoh alat ini dibuka (dalam byte UTF-8). HTML dari editor dokumen yang penuh nilai style dan HTML email paling banyak berkurang.

Kesalahan yang sering terjadi

• Memasukkan seluruh sumber halaman sehingga menu ikut terkonversi: Kode dari 'lihat sumber halaman' juga memuat menu atas dan tautan footer. Jika hanya isi artikel yang diperlukan, pilih dan salin bagian isinya saja dari layar, lalu tempel.
• Mengunggah ke tempat lain dengan alamat relatif yang dibiarkan: /uploads/a.jpg hanya terbuka di situs asalnya. Isi alamat dasar agar diubah menjadi alamat lengkap.
• Mengira gambar yang tidak tampil di pratinjau sebagai kesalahan: Pratinjau tidak memuat gambar demi privasi dan kecepatan, dan hanya menampilkan penanda 'Gambar' beserta teks alternatif. ![keterangan](alamat) pada hasil sudah benar.
• Mengira sel kosong di tabel Markdown sebagai nilai yang hilang: Bisa jadi itu bekas sel gabungan yang diperluas. Jika catatan konversi memuat 'sel gabungan', bandingkan dengan tabel asli atau biarkan tabel sebagai HTML.
• Menghapus dua spasi di akhir baris: Pindah baris (br) ditulis dengan dua spasi di akhir baris. Editor yang otomatis menghapus spasi di akhir baris saat menyimpan akan menghilangkan pindah baris itu.
• Menempel ke tempat yang tidak menerima tag HTML: Superskrip, keyboard, lipatan, tabel HTML, dan tebal di depan partikel ditulis sebagai tag. Pada editor yang menghapus HTML, teksnya tetap ada tetapi formatnya hilang.

Batasan

• Markdown adalah format untuk struktur dokumen, sehingga warna, font, margin, dan tata letak CSS tidak ikut dipindahkan.
• Alat ini tidak mengambil halaman dari alamat web (URL). Isi yang hanya terlihat setelah login atau yang diisi belakangan oleh skrip harus disalin dari layar lalu ditempel.
• Berkas gambar dan video tidak masuk ke .md, hanya alamatnya yang tersisa. Gambar yang disematkan di teks dengan alamat data: dibuang karena membuat hasil terlalu panjang.
• iframe, video, dan audio hanya tersisa sebagai tautan alamat, sedangkan formulir (kolom isian dan tombol) serta gambar SVG tidak dipindahkan.
• HTML dari pengolah kata yang menulis daftar sebagai paragraf berawalan simbol peluru bisa dipindahkan sebagai paragraf, bukan daftar.
• Input dibaca hingga 2 MB. Tampilan hasil di GitHub mengikuti spesifikasi GFM, sedangkan penanganan tag HTML dan pindah baris bisa berbeda di tiap editor.

Sumber

Acuan: Sintaks Markdown mengacu pada spesifikasi GFM 0.29-gfm dan CommonMark 0.31.2, sedangkan perilaku peramban mengacu pada dokumentasi MDN, semuanya dicek pada 22 Oktober 2026. Hasil render pada tabel kesalahan dicek dengan markdown-it (CommonMark) dan marked (GFM), dan Markdown pada tabel di atas dicek dengan keluaran alat ini.

• 01GitHub Flavored Markdown Spec 0.29-gfm4.10 Tabel (baris pemisah, perataan, \| di dalam sel juga di dalam kode — contoh 200, blok dilarang), 5.3 daftar tugas, 6.5 coretan (satu atau dua tilde, contoh 491), 6.11 tag HTML yang disaring
• 02CommonMark Spec 0.31.2Aturan batas kiri-kanan (flanking) penekanan, escape backslash, nomor daftar bernomor (hingga 9 digit), pindah baris
• 03MDN — DOMParser.parseFromString()script pada dokumen yang dibaca sebagai text/html tidak dijalankan
• 04MDN — Element: paste eventCara membaca isi tempelan dengan clipboardData.getData() dan mengubah perilaku bawaan
• 05RFC 7763 — The text/markdown Media TypeNama tipe berkas .md, text/markdown (Maret 2016)
• 06MarkText #4688 — Pasting from Google Docs makes the whole paragraph boldPembungkus b docs-internal-guid milik Google Docs dan nilai font-weight pada span

Pertanyaan yang sering diajukan

Perkakas yang sering dipakai bersama