Markdown ke HTML
Konversi Markdown ke HTML dengan pratinjau side-by-side langsung. Heading, bold/italic, code block, list, link, gambar, tabel, blockquote. Salin HTML, unduh .html. 100% offline.
Tentang tools ini
Konverter Markdown-ke-HTML yang fokus dengan pratinjau langsung. Markdown ada di kiri (atau atas di HP), HTML yang di-render ada di kanan (atau bawah di HP), dan kartu ketiga di bawah menampilkan pratinjau yang di-render langsung supaya kamu bisa melihat persis apa yang akan di-cat browser. Mendukung heading (# sampai ######), bold (**text** atau __text__), italic (*text* atau _text_), inline code (`code`), fenced code block (``` dengan bahasa opsional), unordered dan ordered list (dengan satu level nesting), link ([text](url)), gambar (), tabel (dengan penanda alignment :---:, :---, ---:), blockquote (>), dan horizontal rule (---). Toggle "Bungkus dalam dokumen" menambah wrapper <!DOCTYPE html> penuh dengan stylesheet minimal supaya file yang diunduh render dengan benar sendiri. Tombol Salin HTML menyalin HTML mentah; tombol Unduh menyimpannya sebagai document.html. 100% offline, tanpa CDN, parser adalah JS murni kustom di halaman.
Detail
- Kategori
- text
- Versi
- 1.0.0
- Ukuran
- 18 KB
- Diperbarui
- Jun 2026
Pertanyaan Umum
Fitur Markdown apa yang didukung?
Heading (# sampai ######), bold (**text** / __text__), italic (*text** / _text_), inline code (`code`), fenced code block (``` dengan class bahasa opsional), unordered list (-, *, +), ordered list (1. 2. 3.), link ([text](url)), gambar (), tabel dengan alignment (:---: / :--- / ---:), blockquote (>), dan horizontal rule (--- atau *** atau ___). TIDAK didukung: nested fenced code, list bersarang lebih dari satu level, reference-style link ([text][ref]), footnote, task list (- [x]), strikethrough (~~text~~), HTML pass-through (HTML mentah di Markdown di-escape, tidak di-interpretasi), dan reference-style image. Parser sekitar 200 baris JS kustom yang di-inline di halaman.
Kenapa pakai parser kustom dan bukan marked.js atau showdown?
Untuk menjaga tool tetap offline dan tanpa dependensi. Library Markdown populer (marked, showdown, markdown-it) sangat baik tapi butuh script CDN (panggilan jaringan) atau build step (npm + bundler). Parser in-house menangani 95% Markdown umum dalam sekitar 200 baris. Trade-off-nya adalah beberapa fitur lanjutan (list bersarang lebih dari 1, raw HTML pass-through, reference-style link) tidak didukung. Untuk posting blog, README, dan dokumentasi tipikal, parser in-house menghasilkan HTML yang bersih dan dapat diprediksi.
Apa yang dilakukan toggle "Bungkus dalam dokumen"?
Ketika aktif, output adalah dokumen HTML standalone lengkap: <!DOCTYPE html>, <html>, <head> dengan charset dan viewport meta, <title>, blok <style> minimal yang men-style code, blockquote, dan tabel dengan rapi, dan body dengan konten yang dikonversi. Kamu bisa mengunduh ini dan membukanya di browser mana pun dan akan render dengan benar. Ketika nonaktif, output hanya HTML bagian dalam (tag <h1>, <p>, dll. tanpa wrapper dokumen), cocok untuk ditempel ke halaman yang lebih besar atau field rich-text CMS.
Bagaimana kerja pratinjau langsung?
Tiap ketukan di textarea Markdown memicu re-parse (sub-millisecond untuk dokumen tipikal) dan memperbarui baik kartu output HTML maupun kartu pratinjau yang di-render. Pratinjau menggunakan HTML yang sama dengan yang kamu lihat di kartu output, tapi di-render ke area pratinjau langsung sebagai DOM. Jadi yang kamu lihat adalah yang akan di-cat browser. Tombol unduh menangkap HTML pada saat kamu klik; salin menangkap yang sama. Tidak ada debounce karena parser cukup cepat sehingga mengetik 80 wpm tidak menyebabkan lag di HP modern.
Apakah data saya privat?
Ya. Parser adalah JS murni kustom yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada script CDN, tidak ada analytics. Markdown diproses secara lokal di browser dan tidak pernah dikirim ke mana pun. Kamu bisa pakai tool untuk dokumentasi internal sensitif, draf posting blog, atau konten apa pun yang tidak kamu ingin meninggalkan device kamu.
