onlinetools.dev

Konverter Markdown ↔ HTML

Render Markdown ke HTML dengan pratinjau langsung, atau kembalikan HTML menjadi Markdown

Berjalan lokal
loading…
Tentang alat ini

Tulis atau tempel Markdown lalu lihat pratinjau hasil render dan HTML yang dihasilkan berdampingan — lengkap dengan judul, tabel GFM, butir bergaya daftar tugas, blok kode berpagar, dan coretan. Arah sebaliknya mengubah HTML yang sudah ada menjadi Markdown yang bersih dengan judul ATX, butir bertanda hubung, dan kode berpagar, yaitu cara tercepat memindahkan konten CMS lama ke repositori dokumentasi.

Pratinjaunya dibersihkan sebelum dirender: skrip, iframe, dan atribut penangan peristiwa dibuang, jadi tautan berbagi yang membawa markup jahat tidak bisa mengeksekusi apa pun di browser Anda. Kotak keluaran HTML selalu memperlihatkan hasil konversi mentahnya untuk disalin ke templat atau surel.

Konversi dan pratinjau berjalan lokal. Draf catatan rilis yang memuat nama fitur yang belum diumumkan tetap tinggal di mesin Anda.

Pertanyaan yang sering diajukan

Ini ragam Markdown yang mana?
CommonMark plus perluasan GitHub yang memang dipakai orang: tabel, coretan, dan URL yang otomatis jadi tautan. Ganti baris lunak tetap lunak — satu baris baru tidak berubah menjadi <br>, sesuai cara GitHub merender dokumen.
Kenapa pratinjaunya berbeda dari keluaran HTML mentah?
Pratinjau melewati penyaring yang membuang tag skrip, penangan peristiwa sebaris, dan URL javascript: sebelum dirender. Kotak keluaran melewati penyaringan itu karena isinya teks, bukan markup yang dirender — bersihkan sendiri di hilir bila Anda menyematkan HTML dari pengguna.
Seberapa setia konversi HTML → Markdown?
Elemen struktural — judul, daftar, tautan, penekanan, kode, kutipan, gambar — terkonversi dengan bersih. HTML yang tidak punya padanan Markdown (tabel bersarang, div berkelas, gaya sebaris) lewat begitu saja sebagai HTML mentah atau kehilangan gayanya, jadi membaca ulang sebentar sesudahnya itu berfaedah.
Bisakah HTML yang dihasilkan dipakai di surel?
Bisa — keluarannya HTML semantik polos tanpa kelas maupun lembar gaya eksternal, dan justru itulah yang paling ditoleransi klien surel. Tambahkan gaya yang Anda perlukan secara sebaris di atasnya.
Alat terkait