Langsung ke konten utama

Konverter Markdown ke HTML gratis

Konversi Markdown ke HTML bersih dengan pratinjau langsung. Gunakan tampilan sumber untuk menyalin HTML siap tempel untuk blog, CMS, atau template email.

Berfungsi offline setelah dimuat
Output HTML akan muncul di sini…

Penggunaan umum

  • Terbitkan Markdown ke CMSKonversi catatan Markdown ke HTML untuk ditempel ke CMS yang hanya menerima HTML.
  • Bangun Konten Email HTMLKonversi Markdown ke HTML untuk email transaksional dan buletin.
  • Pratinjau File README Secara LokalTempel README.md Anda untuk melihat cara renderingnya di GitHub, GitLab, atau npm.
  • Hasilkan Konten Halaman untuk Situs StatisKonversi konten badan Markdown ke HTML untuk situs statis yang dibangun dengan tangan atau halaman sekali jadi.
  • Bangun HTML DokumentasiKonversi dokumen Markdown internal ke HTML untuk disematkan dalam aplikasi, pusat bantuan, atau basis pengetahuan.

Cara kerja

Konversi dilakukan sepenuhnya di browser Anda oleh parser Markdown tulisan tangan β€” tanpa library pihak ketiga, tanpa permintaan server. Parser menelusuri sumber baris-demi-baris, menerapkan aturan tingkat-blok (heading, daftar, tabel, kode berpagar) lalu lintasan kedua pola regex inline untuk tebal, miring, tautan, gambar, dan kode inline.

  1. 1
    Struktur blok diurai terlebih dahulu
    Parser membaca Markdown mentah baris demi baris, mengidentifikasi konstruksi tingkat-blok: blok kode berpagar (dengan kelas bahasa opsional), heading ATX (# hingga ######), blockquote, daftar berurut dan tak-berurut termasuk kotak centang daftar-tugas GFM, tabel GFM dengan perataan kolom, garis horizontal, dan paragraf yang dengan benar menggabungkan baris lanjutan yang dibungkus-lembut.
  2. 2
    Pola inline diterapkan di dalam setiap blok
    Setelah teks setiap blok di-escape HTML, rangkaian regex di parseInline() mengubah sintaks inline: gambar dan tautan (dengan daftar-putih skema URL yang menghapus href javascript: dan data:), **tebal**, *miring*, ~~coret~~, dan kode inline β€” dalam urutan prioritas itu.
  3. 3
    Keluaran HTML langsung dengan toggle pratinjau
    String HTML dihitung ulang via useMemo setiap ketukan tombol, sehingga panel kanan diperbarui instan. Toggle beralih antara tampilan sumber HTML mentah dan pratinjau yang dirender menggunakan mesin tata letak browser sendiri.
  4. 4
    Tiga opsi keluaran termasuk salin teks-kaya
    Anda bisa menyalin markup HTML mentah, mengunduh file .html mandiri lengkap dengan DOCTYPE dan tag meta charset, atau menggunakan 'Salin teks kaya' β€” yang menulis kedua tipe MIME text/html dan text/plain ke clipboard via ClipboardItem dari Clipboard API, sehingga hasil terformat langsung tertempel ke Gmail, Google Docs, atau Word tanpa langkah tambahan.

Alat terkait

Pertanyaan yang sering diajukan