Konverter HTML ke Markdown
Tempel kode HTML yang ingin dikonversi.
HTML ini lebih dari 500 KB. Tempel bagian halaman yang lebih kecil.
Tidak ada teks, tautan, atau gambar dalam HTML ini, jadi tidak ada yang bisa dikonversi.
HTML ini bersarang terlalu dalam atau akan membengkak saat dikonversi. Tempel bagian halaman yang lebih sederhana.
Browser Anda memblokir penyimpanan situs sementara, jadi HTML tidak bisa dibawa ke langkah berikutnya. Izinkan penyimpanan situs, lalu coba lagi.
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
Tempel HTML
Seluruh halaman, isi email berformat teks kaya, atau cuplikan, semuanya diuraikan.
-
2
Konversi
Judul, paragraf, daftar, tautan, gambar, dan blok kode dipetakan menjadi Markdown.
-
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> |
 |
<ul><li> |
- item |
<ol><li> |
1. item |
<table> |
tabel garis tegak gaya GitHub, baris pertama sebagai header |
<del>, <s> |
~~text~~ |
<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:
<script>,<style>, dan seluruh<head>: dihapus beserta kodenya, sehingga dari satu halaman utuh hanya konten yang bisa dibaca yang tersisa.<u>,<mark>, 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. Indentasi, tab, dan baris kosong di dalam blok dipertahankan persis seperti aslinya.
Ya. Setiap <table> diubah menjadi tabel Markdown bergaris tegak gaya GitHub. Baris pertama dipakai sebagai header, sel gabungan (colspan) dilengkapi dengan sel kosong, dan karakter | di dalam sel diberi garis miring terbalik agar kerangka tabel tetap utuh. Tabel yang bersarang di dalam sel diratakan menjadi teks sel tersebut.
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
Generator Konfigurasi Webpack
Buat webpack.config.js untuk webpack 5 bagi JavaScript biasa, React, atau Vue: TypeScript, Babel, CSS atau Sass, gambar, HtmlWebpackPlugin, server pengembangan, dan baris npm install.
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.
Validator OpenAPI
Tempel dokumen OpenAPI atau Swagger dalam JSON atau YAML dan periksa struktur intinya: bidang versi, objek info, dan paths, dengan galat dan peringatan yang jelas.
Pemformat PHP
Tambahkan baris baru dan indentasi 2 atau 4 spasi ke cuplikan PHP sederhana. Periksa hasilnya: alat ini bukan parser PHP dan tidak menerapkan PSR-12.
Generator Loader CSS
Buat spinner lingkaran CSS murni: atur diameter, ketebalan border, warna dan kecepatan rotasi, lihat pratinjau langsung, lalu salin CSS siap pakai. Tanpa SVG, tanpa JavaScript.
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.
Alat ini tersedia dalam bahasa lain
- HTMLからMarkdownへの変換ツール [JA]
- HTML → Markdown 변환기 [KO]
- Conversor de HTML para Markdown [PT]
- محوّل HTML إلى Markdown [AR]
- Convertidor de HTML a Markdown [ES]
- Convertisseur HTML en Markdown [FR]
- Konverterare från HTML till Markdown [SV]
- เครื่องแปลง HTML เป็น Markdown [TH]
- Chuyển đổi HTML sang Markdown [VI]
- HTML-zu-Markdown-Konverter [DE]
- HTML naar Markdown converter [NL]
- Konwerter HTML na Markdown [PL]
- HTML'den Markdown'e Çevirici [TR]
- HTML到Markdown转换器 [ZH]
- HTML to Markdown Converter [EN]
- Convertitore da HTML a Markdown [IT]
- Конвертер HTML в Markdown [RU]