Cara menggunakan HTML ke Markdown
- Tempel sumber HTML di panel kiri, atau salin teks berformat dari halaman web atau dokumen lalu tempel. Dengan “Tempel rich text sebagai HTML” aktif, formatnya akan tetap terjaga.
- Pilih gaya Markdown yang kamu inginkan: gaya heading, penanda bullet, gaya code block, serta link inline atau reference.
- Biarkan GFM aktif untuk mengubah
<table>,<del>, dan daftar checkbox menjadi Markdown ala GitHub. - Salin hasilnya atau unduh sebagai file
.md.
Apa itu konverter HTML ke Markdown?
Konverter HTML ke Markdown membaca elemen HTML lalu menulis ulangnya dengan sintaks teks biasa Markdown: <h2> menjadi ## , <strong> menjadi **…**, <a href> menjadi [teks](url). Ini cara tercepat untuk memindahkan konten dari CMS, blog lama, atau halaman web ke repositori Git, static site generator (Hugo, Jekyll, Astro, Docusaurus), wiki, atau aplikasi catatan seperti Obsidian. Alat ini memakai library open-source Turndown beserta plugin GFM-nya, dan berjalan sepenuhnya di browser kamu.
Menyalin dari halaman web, Google Docs, dan Word
Saat kamu menyalin teks dari browser atau aplikasi kantor, clipboard menyimpan versi HTML di samping teks biasa. Dengan Tempel rich text sebagai HTML aktif, menempel di panel kiri akan memasukkan HTML tersebut, sehingga heading, teks tebal, link, dan daftar tetap terjaga. Matikan opsi ini jika kamu ingin menempel kode sumber HTML mentah persis seperti disalin dari editor kode.
Contoh
<h2>Install</h2>
<p>Run <code>npm i</code>, then
read the <a href="/docs">docs</a>.</p>
<ul>
<li>Fast</li>
<li><em>Small</em></li>
</ul>menjadi
## Install
Run `npm i`, then read the [docs](/docs).
- Fast
- _Small_Turndown menambahkan indentasi empat karakter pada penanda daftar agar daftar bertingkat dan item dengan banyak paragraf tersusun dengan benar di setiap parser Markdown.
Penjelasan opsi
| Opsi | Pilihan | Kapan digunakan |
|---|---|---|
| Headings | # ATX atau Setext (garis bawah ===/---) | ATX adalah pilihan umum; Setext hanya tersedia untuk h1 dan h2. |
| Bullet marker | -, *, + | Sesuaikan dengan linter proyek kamu (aturan markdownlint MD004). |
| Code blocks | ``` fences, ~~~ fences, indentasi 4 spasi | Fences mempertahankan bahasa (dari class="language-js"); blok yang diindentasi tidak bisa. |
| Links | Inline atau reference-style | Reference link menjaga URL panjang agar tidak memenuhi paragraf dan mengumpulkannya di akhir. |
Yang tidak bisa dikonversi
Markdown tidak punya sintaks untuk warna, font, tata letak kolom, form, atau sel tabel yang digabung. Styling akan dihapus, blok <script> dan <style> dibuang, dan tabel tanpa baris header akan dipertahankan sebagai HTML, karena tabel GFM membutuhkan header dan hanya mendukung sel satu baris sederhana. Sel yang digabung (colspan/rowspan) tidak bisa direpresentasikan. Bersihkan dulu markup yang berantakan dengan HTML Formatter, lalu periksa hasilnya dengan konverter Markdown ke HTML.
Juga dicari sebagai: html ke webflow rich text, html ke md, konversi html ke markdown, turndown, rich text ke markdown, ubah halaman web ke markdown, html2markdown, tabel gfm.
Tool yang cocok dipakai bersama HTML ke Markdown
- HTML ke Webflow Rich Text — Tempel HTML yang berantakan dari situs lama, ekspor WordPress, Google Docs, atau Word.
- Encoder HTML Entity — Escape < > & " supaya teks aman ditampilkan di HTML, ubah aksen dan simbol menjadi named atau numeric entity, atau decode HTML yang penuh entity menjadi teks biasa.
- Pembanding Teks — Tempel versi asli dan versi yang sudah diubah untuk melihat baris yang ditambah, dihapus, dan diubah secara berdampingan, lengkap dengan kata-kata yang berubah yang disorot di dalam setiap baris.
- Word Counter — Tempel atau ketik teksmu untuk menghitung kata dan karakter secara langsung, plus estimasi waktu baca dan bicara, kepadatan kata kunci, serta cek panjang untuk judul SEO, meta description, dan postingan media sosial.
Pertanyaan yang sering diajukan
Bisakah saya menempel hasilnya ke Webflow?
Apakah HTML saya dikirim ke server?
Bagaimana cara mengubah seluruh halaman web menjadi Markdown?
Kenapa tabel saya masih berupa HTML?
<th> atau <thead>) akan tetap berupa HTML, yang umumnya diterima oleh sebagian besar renderer Markdown. Sel yang digabung, tabel bersarang, dan daftar di dalam sel tidak bisa dinyatakan dalam GFM.Penanda bullet mana yang sebaiknya saya pilih?
- adalah pilihan paling umum dan default Prettier. Pilih yang sesuai dengan panduan gaya atau konfigurasi markdownlint di proyek kamu.Apakah gambar ikut dikonversi?
<img src="a.png" alt="Logo"> menjadi , termasuk atribut title jika ada. File gambar itu sendiri tidak diunduh.