Softonic

Konverter HTML ke Markdown

Langkah 1 / 2
Konversi ke Markdown

Mengalihkan artikel WordPress ke Hugo, mengarsipkan halaman Confluence sebagai catatan, atau menyusun ulang email berformat teks kaya untuk wiki dokumen semuanya memerlukan konversi HTML menjadi Markdown. Konverter ini memetakan judul, paragraf, daftar, tautan, gambar, dan blok kode ke padanan Markdown-nya, sehingga konten tetap terstruktur tanpa beban HTML.

Cara Mengonversi HTML ke Markdown

  1. 1

    Tempel HTML

    Seluruh halaman, isi email berformat teks kaya, atau cuplikan, semuanya diuraikan.

  2. 2

    Konversi

    Judul, paragraf, daftar, tautan, gambar, dan blok kode dipetakan menjadi Markdown.

  3. 3

    Salin Markdown

    Masukkan hasil keluaran ke dalam Obsidian, Hugo, Jekyll, Notion, atau repositori Git.

Mengonversi HTML ke Markdown

Konverter tersebut menjelajahi struktur DOM dan menghasilkan kode Markdown untuk setiap elemen yang terdeteksi. Tag pembungkus seperti <div>, <span>, <section>, dan <article> dihilangkan, dan kontennya tetap berada di tingkat penyusunan yang tepat.

Pemetaan elemen

HTML Output Markdown
<h1> hingga <h6> Judul # hingga ######
<strong>, <b> **text**
<em>, <i> *text*
<code> inline `text`
<pre><code> blok berpagar tiga backtick, beserta bahasa jika ditentukan
<a href> [text](url)
<img src alt> ![alt](src)
<ul><li> - item
<ol><li> 1. item
<blockquote> > quote
<hr> ---

Apa yang terjadi pada elemen lainnya

Markdown tidak dapat mengekspresikan semua elemen HTML. Tag tanpa padanan dalam Markdown dihilangkan dan hanya konten teksnya yang dipertahankan:

  • <table>: teks di dalam sel tetap ada, tetapi kerangka tabel hilang. Gunakan konverter yang mendukung tabel bila struktur penting.
  • <del>, <u>, dan gaya inline lainnya: teks tetap ada, gaya tidak.
  • <video>, <audio>, <iframe>: dari sematan ini tidak dihasilkan apa pun yang dapat dirender dalam Markdown.
  • <details> / <summary>: teks di dalamnya tetap ada, widget buka-tutup tidak.

Untuk konversi bolak-balik tanpa kehilangan, ubahlah dari sumber Markdown asli, bukan dari HTML yang sudah dirender.

Pertanyaan yang Sering Diajukan

Pembungkus <div> dan <span> biasa dihilangkan, dan kontennya ditampilkan pada tingkat penyusunan yang tepat. Div yang hanya berfungsi untuk tata letak menjadi tidak terlihat dalam Markdown, yang umumnya merupakan hal yang diinginkan untuk dokumen.

Ya. <pre><code class="language-js"> berubah menjadi blok berpagar dengan js sebagai petunjuk bahasa. Blok kode berindentasi tanpa informasi bahasa akan kembali menjadi blok berpagar biasa.

Teks di dalam sel <table> tetap ada, tetapi kerangkanya sendiri tidak: baris dan kolom tidak dipertahankan, sehingga strukturnya hilang. Gunakan konverter yang mendukung tabel bila struktur penting.

Hampir bisa; namun pemformatan yang halus (tautan gaya referensi, pemutus baris keras dengan dua spasi di akhir, serta penanda penekanan alternatif) dapat ternormalisasi. Untuk konversi bolak-balik tanpa kehilangan informasi, simpan format Markdown asli.

Alat Terkait

Referensi Tabel ASCII

Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.

Referensi Karakter HTML

Daftar entitas HTML yang dapat dicari, beserta kode bernama dan kode numeriknya, serta fitur salin dengan satu klik untuk karakter khusus dan simbol.

Referensi pintasan papan ketik

Cari pintasan bawaan terdokumentasi untuk VS Code, Chrome, dan Bash dengan GNU Readline di macOS, Windows, dan Linux.

Pemformat HTML

Format HTML secara lokal di browser dengan inden dua atau empat spasi. HTML tidak diunggah atau divalidasi.

Generator EditorConfig

Buat file .editorconfig dengan gaya dan ukuran indentasi, akhir baris, charset, dan aturan spasi Anda untuk format yang konsisten di berbagai IDE dan editor.

Validator Email

Validasi alamat email: pemeriksaan sintaks RFC 5322, pengecekan live record MX, serta detail bagian lokal, domain, dan panjang. Tidak ada email yang dikirim.

Alat ini tersedia dalam bahasa lain