Ubah Markdown ke HTML
Jadikan Markdown halaman web mandiri yang rapi, atau HTML bersih untuk ditempel ke blog atau CMS — sudah termasuk tabel ala GitHub, kode dengan highlight, dan judul yang bisa ditautkan.
- Tidak pernah disimpan
- Tanpa antre, tanpa menunggu
- Tanpa daftar, tanpa watermark
Tidak punya file?
Cara kerjanya
Tambahkan Markdown
Letakkan file .md, atau tulis dan tempel langsung di editor.
Pilih hasilnya
Halaman lengkap bergaya yang bisa dibuka di mana saja, atau HTML-nya saja untuk situs Anda sendiri.
Salin atau unduh
Salin HTML ke clipboard atau simpan sebagai file .html.
Potongan atau halaman, dan mana yang Anda perlukan
Ada dua hasil yang berguna, dan keduanya tidak bisa saling menggantikan. Potongan (fragment) hanyalah markup hasil konversi — judul, paragraf, daftar, tautan — tanpa pembungkus dokumen, dan itulah yang Anda perlukan bila hasilnya akan masuk ke template, kolom CMS, atau halaman lain. Halaman lengkap menambahkan doctype, head, deklarasi character set, dan stylesheet, sehingga bisa dibuka sendiri dan tampil layak. Menempel halaman lengkap ke CMS menghasilkan dokumen di dalam dokumen; membuka potongan di browser menghasilkan teks tanpa gaya.
Konversi ini mencakup set Markdown lanjutan yang sudah disepakati luas: judul, penekanan, daftar, tautan, gambar, kutipan blok, tabel, blok kode dengan syntax highlighting, daftar tugas, coret, dan catatan kaki. Judul mendapat pengenal yang diambil dari teksnya, sehingga bisa ditautkan langsung — tautan anchor yang membuat dokumentasi panjang enak dipakai.
HTML mentah di dalam Markdown diteruskan apa adanya. Itu bagian dari spesifikasinya, dan perlu disikapi dengan sadar: artinya file Markdown dari sumber yang tidak tepercaya bisa berisi tag script, dan mengonversinya menghasilkan halaman yang membawa script itu. Jangan pernah merender Markdown dari orang asing tanpa membersihkan HTML-nya setelah itu — konversi bukanlah batas keamanan dan memang tidak pernah dimaksudkan begitu.
Dua hal sengaja dikeluarkan sebagai blok kode, bukan dirender. Rumus matematika dalam notasi LaTeX membutuhkan library typesetting, dan diagram Mermaid membutuhkan renderer diagram — masing-masing merupakan dependensi besar, dan persamaan yang salah render lebih buruk daripada persamaan yang terlihat apa adanya. Halaman lengkap memakai font sistem biasa tanpa mengunduh font apa pun, jadi bisa dipakai offline dan tampil sedikit berbeda di Windows, macOS, dan Linux.
Jika Anda butuh hal lain
Pandoc menangani bagian yang tidak dicakup di sini, dan jauh lebih banyak lagi: pandoc in.md -o out.html --mathjax --standalone --toc merender matematika dengan benar, membuat daftar isi, dan menerima template sehingga hasilnya cocok dengan situs Anda sendiri. Pandoc juga bisa mengonversi dari dan ke sekitar empat puluh format lain, itulah sebabnya layak diinstal sekali.
Untuk sebuah situs web, bukan sekadar file, gunakan generator alih-alih mengonversi halaman satu per satu. Hugo, Eleventy, Jekyll, dan MkDocs mengubah satu folder Markdown menjadi situs dengan navigasi, pencarian, dan gaya yang seragam, lalu membangunnya ulang setiap kali sumbernya berubah — dan itulah pekerjaan sebenarnya begitu dokumennya lebih dari satu.
Pertanyaan yang sering diajukan
Halaman lengkap atau potongan HTML — mana yang saya perlukan?
Halaman lengkap adalah satu file .html dengan gayanya sendiri, yang tampil bagus saat dibuka dari desktop, di ponsel, maupun saat dicetak. Potongan hanya berisi markup kontennya, tanpa gaya, untuk ditempel ke WordPress, Ghost, CMS, atau template Anda sendiri.
Fitur Markdown apa saja yang didukung?
Markdown ala GitHub: tabel dengan perataan, daftar tugas, coret, tautan otomatis, blok kode dengan syntax highlighting, catatan kaki, dan HTML inline. Judul mendapat id ala GitHub, sehingga tautan seperti #installation tetap berfungsi.
Apakah teks saya disimpan di suatu tempat?
Tidak. Tidak ada yang dikirim ke mana pun dan tidak ada yang disimpan.
Bagaimana dengan gambar saya?
Path gambar tetap persis seperti yang Anda tulis, jadi halaman berfungsi jika disimpan di samping folder gambar Anda. Letakkan juga gambarnya, maka gambar akan disematkan ke dalam file sehingga file bisa berdiri sendiri.
Apakah HTML-nya aman untuk dipublikasikan?
Script, formulir, frame sematan, dan event handler inline dihapus dari HTML apa pun di dalam Markdown Anda, sehingga hasilnya hanya berisi format.
Bisakah saya menambahkan daftar isi?
Bisa — centang “Daftar isi”, atau tulis [TOC] di baris tersendiri di tempat daftar itu ingin Anda munculkan.
Perlu diketahui: Rumus matematika dan diagram Mermaid dikeluarkan sebagai blok kode, tidak dirender. Halaman lengkap memakai font sistem yang aman untuk web, jadi tampilannya sedikit berbeda di Windows, macOS, dan Linux.
Pasang alat ini di situs Anda
Gratis untuk blog, halaman kelas, atau artikel bantuan apa pun. Tempel satu potong kode dan pengunjung Anda bisa langsung memakainya di halaman Anda.
Alat terkait
Markdown ke PDF
Markdown menjadi PDF dengan tipografi rapi
HTML ke PDF
Markup ke PDF, persis seperti cetakan browser
HTML ke DOCX
Halaman web menjadi dokumen Word yang bisa diedit
DOCX ke TXT
Dokumen Word menjadi teks biasa yang bersih
ODT ke PDF
Teks OpenDocument ke PDF, tata letak seperti di Writer
RTF ke PDF
File Rich Text ke PDF, format tetap utuh