Cara memakai
- Tempel HTML ke HTML. Contohnya menampilkan judul, paragraf dengan penekanan dan tautan, serta daftar.
- Baca Markdown (CommonMark): nilainya diperbarui saat Anda mengetik.
- Salin dengan tombol salin lalu simpan sebagai berkas .md, atau tempel ke penyunting Markdown.
Yang dikonversi dan caranya
Judul h1 sampai h6 menjadi judul ATX dengan satu sampai enam tanda pagar. strong dan b menjadi teks tebal, dan em serta i menjadi *teks miring*. Elemen code menjadi rentang kode, dan elemen pre menjadi blok kode berpagar, dengan bahasanya tetap ada ketika kode memiliki kelas language-. Elemen br menjadi pemisah baris keras, blockquote mendapat > di setiap baris, dan ul serta ol menjadi daftar dengan - dan angka. Elemen a dengan href menjadi tautan, dan img dengan src menjadi gambar dengan teks alt-nya (bagian 4.2, 4.5, 5.1, 5.2, 6.1, 6.2, 6.3 dan 6.7 CommonMark).
Karakter yang akan dibaca Markdown sebagai markup dilolos dengan garis miring terbalik: tanda bintang, garis bawah, backtick, kurung siku dan tanda kurung sudut, serta baris yang akan dimulai seperti judul, kutipan atau daftar. Bagian 2.4 CommonMark mengizinkan garis miring terbalik sebelum setiap karakter tanda baca ASCII.
Yang tidak dipertahankan
Skrip, gaya, templat, frame, kontrol formulir dan media dibuang beserta isinya. Atribut selain href, src, alt dan title dihilangkan. CommonMark tidak memiliki tabel, garis bawah atau warna, sehingga tabel menjadi satu paragraf untuk setiap sel, dan teks dari u, span serta elemen serupa dipertahankan tanpa format-nya.
Tiga elemen dan satu karakter yang harus dilolos
Setiap fragmen HTML dalam tabel menghasilkan Markdown di kolom kanan, seperti yang ditulis alat.
| Isi HTML | Markdown |
|---|---|
| Judul tingkat 2 dengan teks Catatan | ## Catatan |
| Paragraf dengan teks tebal | Beberapa **tebal** teks |
| Daftar dengan satu butir, Pertama | - Pertama |
| Teks 5 * 3 = 15, dengan tanda bintang | 5 * 3 = 15 |
Pertanyaan yang sering diajukan
Mengapa Markdown berisi garis miring terbalik?
Garis miring terbalik menunjukkan bahwa karakter berikutnya adalah teks dan bukan markup, seperti tanda bintang atau kurung. CommonMark menghapusnya ketika Markdown dirender (bagian 2.4), sehingga halaman menampilkan karakter seperti yang ada di HTML.
Apakah alat menjalankan HTML saya atau menyimpannya di halaman?
Tidak. HTML diurai oleh DOMParser menjadi dokumen terpisah, yang tidak punya konteks penjelajahan dan tidak menjalankan skrip. Alat menyalin teks dan strukturnya, dan menampilkan Markdown sebagai teks.
Mengapa tabel menjadi paragraf?
CommonMark tidak memiliki sintaks tabel; tabel pipa yang ditambahkan sebagian layanan adalah ekstensi. Setiap sel menjadi paragraf, sehingga katanya tetap ada tetapi tata letak tabelnya tidak.
Apakah tautan dan gambar tetap ada?
Ya. Elemen a dengan href menjadi tautan, dengan title-nya jika ada, dan img dengan src menjadi gambar yang teks alt-nya dilolos. Atribut lain tidak dipertahankan.
Apa yang terjadi pada elemen yang tidak punya bentuk Markdown?
Teksnya tetap dan formatnya dibuang. Misalnya, span, u dan mark mempertahankan kata yang ada di dalamnya, dan div atau section memulai paragraf teks baru.
Sumber
- CommonMark Spec, version 0.31.2: sections 2.4, 4.1, 4.2, 4.4, 4.5, 5.1, 5.2, 6.1, 6.2, 6.3 and 6.7 (dalam bahasa Inggris)
- WHATWG HTML Standard, section 8.5.1, The DOMParser interface (dalam bahasa Inggris)
- MDN, DOMParser (dalam bahasa Inggris)
Angka dan teks terakhir diperiksa pada Selasa, 10 November 2026.