Konverter HTML ke Markdown
Tempel HTML dan dapatkan Markdown yang mempertahankan struktur: judul, tebal dan miring, tautan, gambar, daftar, kutipan, blok kode, dan tabel sederhana. Skrip, gaya, dan pembungkus tata letak dibuang, dan halaman menunjukkan seberapa jauh hasilnya menjadi lebih pendek. Gratis, tanpa perlu mendaftar, dan HTML diurai di browser Anda, tidak pernah diunggah.
Cara Menggunakan Konverter HTML ke Markdown
- 1. Tempel HTML Anda. Cuplikan atau halaman lengkap sama-sama berfungsi; hanya body yang dikonversi.
- 2. Tekan Konversi ke Markdown. Markdown muncul di bawah dengan tiga penghitung: karakter HTML, karakter Markdown, dan pengurangan ukuran.
- 3. Periksa hasilnya. Bandingkan dengan aslinya, terutama tabel dan daftar bertingkat (lihat batasannya di bawah).
- 4. Salin. Salin Markdown menyalin teks ke clipboard Anda, siap untuk README, generator situs statis, atau aplikasi catatan.
Apa yang Menjadi Setiap Elemen HTML
Alat ini mengurai HTML Anda dengan parser HTML milik browser dan menelusuri pohonnya, sehingga markup yang rusak diperbaiki seperti cara browser memperbaikinya. Setiap elemen kemudian dipetakan ke padanan Markdown-nya:
| HTML | Markdown |
|---|---|
h1 sampai h6 | # sampai ###### diikuti teks judul |
p | Paragraf yang dipisahkan baris kosong |
br, hr | Jeda baris; --- |
strong, b | **tebal** |
em, i | *miring* |
code | Teks dibungkus dalam backtick tunggal |
pre | Blok berpagar dengan tiga backtick, tanpa label bahasa |
a | [teks](alamat) |
img |  |
ul, ol | - untuk poin, atau 1. 2. 3. yang dinomori ulang dari 1; sub-daftar diberi indentasi dua spasi per tingkat |
blockquote | Setiap baris diawali > |
table | Tabel pipa; baris pertama menjadi header |
div, span, section, lainnya | Pembungkus dibuka: tag dihapus, isinya tetap |
script, style, head, meta, link, title, noscript, template, iframe | Dihapus bersama isinya |
Contoh Kasus
HTML
<h1>Citation Basics</h1><p>Use <strong>APA</strong> or <em>MLA</em>; see the <a href="https://apastyle.apa.org">APA site</a>.</p><ul><li>Author</li><li>Year<ul><li>Month</li></ul></li></ul><table><tr><th>Style</th><th>Year</th></tr><tr><td>APA</td><td>7th</td></tr></table>
Markdown
Judul # Citation Basics; paragraf berbunyi Use **APA** or *MLA*; see the [APA site](https://apastyle.apa.org).; daftar - Author, - Year, dan - Month yang diberi indentasi; lalu tabel pipa dua kolom dengan pemisah --- dan satu baris, APA dan 7th.
Penghitung
273 karakter HTML, 159 karakter Markdown, pengurangan 42%.
Markdown tidak dapat mengekspresikan semua yang bisa dilakukan HTML, dan itulah tujuannya: keluarannya adalah struktur dokumen, bukan presentasinya.
Batasan yang Perlu Diperiksa
- Tabel diratakan. Setiap sel direduksi menjadi teks biasa, sehingga tautan dan penekanan di dalam sel hilang, pipa di-escape, dan sel yang digabung tidak dipahami. Tabel pipa adalah ekstensi GitHub Flavored Markdown, bukan bagian dari CommonMark inti, jadi periksa bahwa tujuan Anda mendukungnya.
- Beberapa tag sebaris dibuang. Garis bawah, coret, superskrip, dan subskrip tidak memiliki padanan Markdown di sini, sehingga teksnya dipertahankan tanpa format.
- Karakter khusus tidak di-escape. Tanda bintang atau garis bawah literal dalam teks Anda dibiarkan apa adanya dan mungkin dibaca sebagai penekanan oleh perender Markdown.
- Daftar bernomor bertingkat diberi indentasi dua spasi per tingkat, yang diterima sebagian besar perender, tetapi beberapa memerlukan tiga spasi di bawah penanda
1.. - Tautan dan gambar mempertahankan alamat aslinya, sehingga jalur relatif tetap relatif.
Alat Mana yang Anda Butuhkan?
Gunakan halaman ini untuk mempertahankan struktur saat berpindah dari HTML ke Markdown. Jika Anda hanya ingin katanya, Penghapus Tag HTML menghasilkan teks biasa. Sebaliknya, Markdown to HTML merender Markdown, dan Markdown ke Teks menghapus Markdown menjadi teks biasa. Untuk merapikan HTML sebelum dikonversi, gunakan HTML Formatter.
Pertanyaan yang Sering Diajukan
- Elemen HTML mana yang dikonversi ke Markdown?
- Judul, paragraf, jeda baris, garis horizontal, tebal, miring, kode sebaris, blok kode, tautan, gambar, daftar berurutan dan tidak berurutan, kutipan, dan tabel sederhana. Tabel di atas mencantumkan pemetaan yang tepat.
- Apakah ini menangani daftar bertingkat?
- Ya. Sub-daftar diberi indentasi dua spasi per tingkat, dan daftar berurutan dinomori ulang dari 1. Daftar yang dimulai dari angka lain di HTML, seperti
start="5", juga dinomori ulang dari 1. - Apa yang terjadi pada tag yang tidak dikenali konverter?
- Tag itu dibuka bungkusnya: tag dihapus tetapi teksnya dipertahankan. Div atau span hilang tanpa jejak, sedangkan script, style, dan elemen serupa dihapus bersama isinya.
- Bisakah ia mengonversi tabel HTML?
- Tabel sederhana bisa: menjadi tabel pipa dengan baris pertama sebagai header. Sel yang digabung, tabel bersarang, serta tautan atau format di dalam sel tidak dipertahankan.
- Apakah ini berfungsi pada seluruh halaman web?
- Ya, tetapi ia mengonversi semua yang ada di body, termasuk menu navigasi dan footer, sebagai teks biasa dan tautan. Untuk artikel, tempel HTML artikelnya saja.
- Mengapa Markdown terlihat lebih polos daripada halaman aslinya?
- Markdown mencatat struktur — judul, penekanan, tautan, daftar — bukan warna, font, atau tata letak. CSS, formulir, dan widget tertanam sengaja dibuang.
- Apakah HTML saya diunggah ke server?
- Tidak. Konversi berjalan di browser Anda menggunakan DOMParser bawaannya, yang tidak menjalankan skrip di HTML yang ditempel, dan tidak ada yang Anda tempel meninggalkan perangkat Anda.