TanodTools
ID

Konverter Markdown ke HTML

Ketik atau tempel Markdown dan dapatkan HTML yang bersih saat Anda mengetik, beserta pratinjau tampilannya.

Berjalan sepenuhnya di browser Anda

Hasil

Ketik atau tempel Markdown untuk memulai.

Markdown hingga sekitar 5 MB, diketik, ditempel atau dari file .md atau .txt. Hasil diperbarui saat Anda mengetik.

Cara mengonversi Markdown ke HTML

  1. Ketik atau tempel Markdown Anda, atau buka file .md.
  2. Baca HTML di sebelah kanan, atau beralih ke Pratinjau untuk melihat hasil render. Aktifkan opsi dokumen lengkap jika Anda butuh satu halaman utuh.
  3. Salin HTML atau unduh sebagai file .html.

Bagaimana Markdown menjadi HTML

Markdown adalah cara menulis teks berformat dengan karakter biasa: # memulai heading, **dua tanda bintang** membuat teks tebal, baris yang diawali tanda pisah adalah item daftar. Format ini dipakai file README, banyak aplikasi catatan, dan sebagian besar forum developer. Browser, template email, dan sistem konten membutuhkan HTML, jadi pada suatu saat Markdown harus dikonversi ke HTML.

Konverter ini mengikuti CommonMark dengan tambahan GitHub Flavored Markdown, sehingga tabel, daftar tugas, dan teks coret bekerja seperti di GitHub. HTML yang dihasilkan lalu dilewatkan ke sanitizer, yang menghapus apa pun yang bisa menjalankan kode saat HTML ditampilkan, sementara format biasa dibiarkan.

Tab pratinjau menampilkan HTML yang sama dalam bentuk render di halaman. Tautan terbuka di tab baru, dan gambar yang di-hosting di tempat lain ditampilkan sebagai placeholder alih-alih diambil, sehingga tidak ada yang Anda tulis dikirim ke situs lain selama Anda bekerja.

Tips

Pertanyaan umum

Apakah teks saya diunggah?

Tidak. Markdown dikonversi di browser Anda dengan pustaka open source marked, dan tidak ada yang dikirim ke mana pun atau disimpan.

Sintaks Markdown apa saja yang didukung?

CommonMark ditambah tambahan dari GitHub: tabel, daftar tugas (- [x] done), coret dengan ~~, blok kode berpagar, dan tautan otomatis. Jeda baris tunggal digabung menjadi satu paragraf seperti di Markdown standar; aktifkan Jeda baris menjadi <br> untuk mempertahankannya, seperti pada komentar GitHub.

Apakah HTML-nya aman dipasang di situs web?

HTML dibersihkan dengan pustaka open source DOMPurify sebelum Anda melihatnya. Skrip, event handler seperti onerror, tautan javascript:, iframe dan objek tersemat dihapus, dan baris di bawah hasil menampilkan apa saja yang dibuang. HTML biasa yang ditulis di dalam Markdown, seperti <details> atau <sup>, dipertahankan. Seperti konten apa pun dari orang lain, tetap aktifkan perlindungan di situs Anda sendiri.

Mengapa gambar tampil sebagai placeholder di pratinjau?

Pratinjau tidak pernah memuat apa pun dari situs web lain, sehingga teks Anda tidak terungkap ke situs tersebut dan halaman tetap privat. Gambar dari alamat web muncul sebagai placeholder berlabel beserta alamatnya. Kode HTML tetap berisi tag <img> biasa, jadi gambar akan tampil di mana pun Anda menerbitkannya.

Apa yang ditambahkan opsi dokumen lengkap?

Satu halaman lengkap di sekitar HTML: doctype, <head> dengan charset UTF-8, tag viewport untuk ponsel, dan judul yang diambil dari heading pertama. Biarkan nonaktif jika Anda menempelkannya ke halaman yang sudah ada atau ke CMS.

Apakah heading mendapat atribut id untuk tautan?

Tidak. Heading dihasilkan sebagai tag <h1> hingga <h6> polos. Jika Anda butuh anchor, tambahkan id-nya di template situs Anda atau secara manual.