Pengonversi penurunan harga ke HTML
Penurunan harga adalah format pembuatan untuk file README, ekspor Notion, dan generator situs statis. Konversikan ke cuplikan HTML untuk tempel CMS, pratinjau template email, atau pelajari cara **tebal** dan ```kode``` dipetakan ke tag — diproses secara lokal.
Input
HTML
<h1>Hello</h1>
<p>This is <strong>bold</strong> and <em>italic</em>.</p>
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
Cara mengonversi Markdown ke HTML
1. Tempel Markdown di panel sumber.
2. Lihat output HTML dan pratinjau jika UI terpisah.
3. Salin fragmen isi HTML.
4. Sanitasi sebelum memasukkan ke situs jika Markdown berasal dari pengguna.
Contoh konversi penurunan harga
Bagian README
## Instalasi ditambah daftar poin menjadi h2 dan ul/li untuk tempel wiki internal.
Draf blog
Konversi draf Markdown penulis ke HTML untuk editor kode WordPress mode.
Catatan rilis
Changelog Markdown dengan tautan ke nomor PR diekspor sebagai ledakan email HTML.
Saat Markdown ke HTML
• Ketika CMS menerima HTML tetapi penulis menulis Markdown.
• Saat pratinjau dirender README sebelum GitHub push.
• Saat membuat fragmen HTML statis tanpa pipeline build lengkap.
Saat pipeline penuh lebih baik
• Saat situs menggunakan MDX atau kode pendek komponen — memerlukan kompiler khusus.
• Saat tugas Markdown rasa GitHub/kotak centang diperlukan — pilih parser yang kompatibel dengan GFM.
• Saat Markdown pengguna yang tidak tepercaya — harus membersihkan output HTML terhadap XSS.
Perbedaan rasa
CommonMark vs GFM vs Obsidian wikilinks — sumber Markdown yang sama ditampilkan secara berbeda. Standarisasi citarasa dalam panduan gaya tim.
Sanitasi konten pengguna
Gunakan pembersih daftar yang diizinkan pada HTML setelah konversi — blokir tag skrip dan atribut onerror.
HTML email
Tabel penurunan harga mungkin rusak di Outlook — uji templat email responsif secara terpisah.
Pertanyaan yang sering diajukan
Tabel GFM dan coretan?
Tergantung pada ragam parser — verifikasi ekstensi yang didukung.
HTML sebaris dalam Markdown?
Banyak parser melewati HTML mentah — risiko XSS pada konten pengguna.
Blok kode bahasa?
Dapat menambahkan kelas bahasa-js untuk sorotan Prism — periksa output.
Dokumen HTML lengkap?
Output mungkin hanya berupa fragmen - bungkus dengan html/body untuk file mandiri.
Lokal?
Ya.
Balikkan HTML ke Penurunan harga?
Membutuhkan konverter HTML-ke-MD — lossy untuk tata letak yang rumit.