Konverter HTML ke Markdown Online – Ubah HTML & Tabel ke GFM
Ubah kode HTML mentah, cuplikan halaman web, dan tabel HTML menjadi GitHub Flavored Markdown (.md) yang bersih dan mudah dibaca secara real-time. Sangat cocok untuk memigrasikan artikel blog ke generator situs statis (Astro, Hugo, Next.js, Jekyll), menyiapkan dokumentasi bersih untuk README GitHub dan catatan Obsidian, atau memadatkan HTML web menjadi konteks Markdown yang ringan untuk prompt AI/LLM.
Cara Mengonversi HTML ke Markdown Secara Online
- Tempel Kode HTML Anda: Masukkan atau tempel cuplikan HTML Anda (atau seluruh kode sumber halaman web) ke dalam kotak Input HTML di sebelah kiri, atau klik Muat Contoh HTML untuk menguji dengan heading, task list (checklist), blok kode, dan tabel HTML.
- Sesuaikan Sintaks Markdown: Gunakan panel Gaya Sintaks Markdown di sebelah kanan untuk memilih heading ATX (
#) atau Setext (===), fenced code block (```) atau berindentasi, serta tautan sebaris ([teks](url)) atau gaya referensi ([teks][1]). - Atur Filter GFM & Pembersihan: Biarkan Konversi <table> HTML ke tabel pipe GFM (pipe table) dan Hapus tag <script>, <style> & <svg> tetap dicentang untuk menghasilkan Markdown bersih bebas derau secara otomatis saat Anda mengetik.
- Salin atau Unduh
.md: Klik Salin ke Clipboard untuk menempelkan Markdown Anda ke GitHub, Obsidian, Notion, atau VS Code, atau klik Unduh .md untuk menyimpannya langsung sebagai file Markdown.
Panduan Referensi Konversi HTML ke Markdown
Konverter kami mendukung standar CommonMark maupun ekstensi GitHub Flavored Markdown (GFM):
| Elemen | Input HTML | Output Markdown |
|---|---|---|
| Heading (H1–H6) | <h1>Judul</h1> / <h2>Subjudul</h2> |
# Judul / ## Subjudul (atau Setext === / ---) |
| Tebal & Miring | <strong>Tebal</strong> & <em>Miring</em> |
**Tebal** & *Miring* (atau __Tebal__ & _Miring_) |
| Coretan (GFM) | <del>Usang</del> atau <s>Dihapus</s> |
~~Usang~~ |
| Tautan & Gambar | <a href="https://example.com">Dokumen</a> |
[Dokumen](https://example.com) atau [Dokumen][1] |
| task list (checklist) (GFM) | <li><input type="checkbox" checked> Selesai</li> |
- [x] Selesai |
| fenced code block | <pre><code class="language-js">...</code></pre> |
```js ... ``` (mendeteksi kelas bahasa secara otomatis) |
| Tabel HTML (GFM) | <table><tr><th>A</th><th>B</th></tr>...</table> |
| A | B || --- | --- | |
Mengapa Mengonversi HTML ke Markdown?
- Migrasi Situs Statis & CMS: Migrasikan artikel HTML lama atau ekspor WordPress dengan mudah ke dalam file Markdown/MDX untuk framework modern seperti Astro, Next.js, Hugo, Eleventy (11ty), Docusaurus, dan Jekyll.
- Persiapan Konteks AI & LLM: Mengonversi HTML web mentah menjadi Markdown yang bersih akan membuang wrapper DOM yang membengkak dan mengurangi jumlah token sebesar 60% hingga 80% sambil mempertahankan hierarki semantik, tabel, dan blok kode untuk prompt ChatGPT, Claude, serta Gemini.
- Basis Pengetahuan & Aplikasi Catatan: Ambil dokumentasi web dan simpan dengan rapi ke dalam Obsidian, Notion, Logseq, atau Wiki GitHub.
Pertanyaan yang Sering Diajukan (FAQ)
Apakah alat ini mengonversi elemen <table> HTML menjadi tabel Markdown?
Ya! Ketika Konversi <table> HTML ke tabel pipe GFM (pipe table) dicentang (aktif secara default), setiap tabel HTML secara otomatis diubah menjadi tabel pipa GitHub Flavored Markdown, termasuk aturan perataan kolom (:---, :---:, ---:) yang dibaca dari atribut align atau gaya text-align.
Apa perbedaan antara heading ATX dan Setext?
Gaya ATX menggunakan simbol pagar sebelum judul (# Heading 1 hingga ###### Heading 6) dan direkomendasikan untuk hampir semua parser Markdown modern. Gaya Setext menggarisbawahi heading tingkat-1 dengan tanda sama dengan (===) dan heading tingkat-2 dengan tanda hubung (---).
Apa yang terjadi jika saya menghapus centang "Pertahankan hyperlink"?
Menghapus centang Pertahankan hyperlink akan menghapus markup URL sambil tetap mempertahankan anchor text yang dapat diklik di dalam kalimat Anda (sehingga <a href="https://example.com">panduan kami</a> menjadi teks biasa panduan kami tanpa ikut terhapus).
Bagaimana cara mengubah Markdown kembali menjadi HTML?
Jika Anda perlu mengubah sintaks Markdown menjadi kode HTML, gunakan alat pendamping kami Konverter Markdown ke HTML yang ditautkan di bagian Alat Teks Terkait di bawah ini.