Markdown ke HTML

Alat ini mengonversi Markdown ke HTML menggunakan CommonMark plus GitHub Flavored Markdown (GFM), dengan soft line break dirender sebagai <br>. Anda bisa melihat pratinjau ter-render, atau beralih ke tampilan HTML-source untuk mengecek tag yang dihasilkan. Keluarannya cocok ditempel di platform blog, editor email, atau di mana saja HTML diterima.

Contoh

Markdown input:

# Release notes

We shipped **three** things this week:

- [x] Faster cold start
- [ ] Dark mode (next week)

See the [docs](https://example.com/docs) for details.

```js
console.log("hello");
```

Sumber HTML ter-render:

<h1>Release notes</h1>
<p>We shipped <strong>three</strong> things this week:</p>
<ul>
<li><input type="checkbox" checked disabled> Faster cold start</li>
<li><input type="checkbox" disabled> Dark mode (next week)</li>
</ul>
<p>See the <a href="https://example.com/docs">docs</a> for details.</p>
<pre><code class="language-js">console.log("hello");
</code></pre>

Kesalahan umum dan jebakan

Sebagian besar kejutan render Markdown datang dari sekumpulan kecil jebakan sintaks. Jika pratinjau tampak salah, biasanya salah satunya jadi penyebab.

• Baris kosong hilang sebelum daftar. "Intro text\n- item" ter-render sebagai satu paragraf. Tambahkan baris kosong antara intro dan item pertama.
• Blok kode berindentasi padahal ingin paragraf. Empat spasi di depan mengubah baris apa pun jadi blok kode. Hapus indentasi atau pakai blok fenced ``` secara eksplisit.
• Tabel rusak. Setiap tabel GFM butuh baris pemisah (| --- | --- |) dengan minimal tiga dash per kolom, dan jumlah pipa yang sama di setiap baris.
• Tautan dengan spasi di URL. [click](my page.html) merusak parser. URL-encode spasi sebagai %20 atau pakai tanda kurung sudut: <my page.html>.
• Asterisk di dalam kata. wild*card bisa atau tidak ter-render sebagai penekanan, tergantung teks sekitar. Escape dengan backslash: wild\*card.
• Escape HTML di dalam blok kode. Snippet yang ditempel dengan &lt; muncul literal karena sudah ter-escape. Tempel sumber mentah sebelum escaping.

Varian Markdown apa yang didukung?

CommonMark plus GitHub Flavored Markdown (GFM). Itu mencakup tabel, blok kode fenced, daftar tugas, strikethrough, dan URL yang diautolink. Line break di dalam paragraf jadi tag <br> karena opsi breaks aktif — sesuai cara GitHub dan kebanyakan aplikasi chat merender komentar.

Apakah HTML di Markdown saya disanitasi?

Tidak. Pratinjau ter-render meneruskan HTML mentah secara default. Ini menjaga hal seperti <details> atau <kbd> yang disematkan tetap berfungsi. Jangan menempel Markdown yang tidak tepercaya dan menyalin keluarannya ke situs publik tanpa menjalankan lewat sanitizer seperti DOMPurify dulu.

Apakah footnote, matematika, atau diagram didukung?

Tidak. Ini GFM polos. Footnote, matematika (KaTeX/MathJax), dan diagram Mermaid adalah ekstensi GitHub atau platform, dan tidak dirender di sini. Kalau butuh, gunakan renderer Markdown yang dikonfigurasi dengan plugin yang relevan, atau tempel keluaran ke platform yang merendernya.

Apa yang terjadi saat saya klik Salin HTML?

Sumber HTML ter-render ditulis ke clipboard Anda lewat Clipboard API. Anda dapat HTML tanpa wrapper halaman — hanya tag yang mewakili Markdown Anda. Tempel ke CMS, editor email, atau langsung ke berkas. Tidak ada berkas yang dibuat di disk.

Kenapa tabel saya terlihat tidak sejajar?

Tabel GFM butuh baris header, baris pemisah dengan minimal tiga dash per kolom, dan pipa di antara sel. Pipa yang hilang atau baris pemisah dengan dua dash saja gagal diam-diam. Beralihlah ke tampilan Sumber HTML untuk melihat apakah <table> benar-benar terbentuk.

Apakah Anda menyimpan Markdown yang saya tempel di sini?

Tidak. Kami tidak menyimpan Markdown yang Anda ketik atau tempel, dan tidak menyimpan HTML ter-render yang Anda unduh. Semuanya dibuang saat Anda menutup atau menyegarkan tab — tidak ada log, tidak ada catatan di sisi kami tentang apa yang Anda tulis. Cek DevTools browser kalau mau.