Lompat ke konten
SPCXTools

Konverter Markdown ke HTML

Tulis atau tempel Markdown, lihat live preview, dan salin HTML bersih.

Berjalan secara lokal — file tidak pernah meninggalkan perangkat Anda

Memuat alat…

Cara menggunakan Konverter Markdown ke HTML

  1. 1Ketik atau tempel Markdown ke editor sebelah kiri, atau mulai dari teks contoh.
  2. 2Biarkan GitHub Flavored Markdown tetap aktif untuk tabel, daftar tugas, dan coretan, serta centang Line breaks jika baris baru tunggal harus menjadi jeda baris.
  3. 3Beralih antara Preview dan HTML untuk melihat hasil tampilan atau kode yang dihasilkan.
  4. 4Salin HTML ke situs, CMS, atau email Anda, atau unduh halaman .html lengkap yang sudah diformat.

Konversi Markdown ke HTML dengan pratinjau langsung

Markdown memungkinkan Anda menulis teks berformat dengan cepat menggunakan simbol sederhana, tanpa perlu repot dengan tag HTML. Saat Anda membutuhkan HTML — untuk website, CMS yang tidak mendukung Markdown, template email, atau file README yang ingin Anda pratinjau — konverter ini melakukannya secara instan. Ketik di sebelah kiri, dan lihat hasil render atau kode HTML bersih di sebelah kanan. Semuanya diproses langsung di browser Anda.

Fitur

  • Pratinjau langsung yang diperbarui saat Anda mengetik.
  • GitHub Flavored Markdown: tabel, daftar tugas, teks coret, tautan otomatis, dan blok kode.
  • Jeda baris opsional — ubah baris baru tunggal menjadi tag <br>.
  • Output HTML bersih tanpa inline style atau pembungkus tambahan, siap ditempel (paste) di mana saja.
  • Unduh sebagai halaman lengkap dengan stylesheet yang sederhana dan mudah dibaca.
  • Pratinjau aman dalam frame sandbox yang memblokir skrip.

Cheat sheet Markdown

Markdown Hasil
# Heading 1 / ## Heading 2 Judul (Heading)
**tebal** / *miring* tebal / miring
[tautan](https://example.com) Tautan (Link)
![teks alt](image.png) Gambar
- item atau 1. item Daftar berpoin atau bernomor
> kutipan Blockquote
`kode` Kode sebaris
``` pada baris sebelum dan sesudah Blok kode
--- Garis horizontal
- [ ] tugas Item daftar tugas (GFM)
~~teks~~ Teks coret (GFM)

Tabel ditulis menggunakan garis vertikal (pipe) dan baris pemisah berupa tanda hubung. Titik dua pada baris pemisah mengatur perataan kolom: :--- rata kiri, :---: rata tengah, ---: rata kanan.

Kegunaan umum

  • Blog dan CMS yang mendukung HTML tetapi tidak mendukung Markdown.
  • Newsletter email — tulis dalam Markdown, lalu tempel HTML ke aplikasi email Anda.
  • Pratinjau README dan dokumentasi sebelum Anda melakukan push ke GitHub atau GitLab.
  • Mengonversi catatan dari Obsidian, hasil ekspor Notion, atau aplikasi Markdown lainnya menjadi halaman web.
  • Belajar HTML dengan melihat tag apa yang dihasilkan oleh setiap elemen Markdown.

Tips

  • Beri baris kosong di antara paragraf, daftar, dan heading — ini mencegah masalah format yang tidak terduga.
  • Beri indentasi pada item sub-daftar sebanyak dua atau empat spasi secara konsisten.
  • Tambahkan nama bahasa pemrograman setelah tanda pembuka blok kode (misalnya ```js) agar syntax highlighter di situs Anda dapat mewarnai kode tersebut.

Untuk menghitung jumlah kata pada teks Anda, gunakan Word Counter. Untuk data terstruktur, JSON Formatter dapat memvalidasi dan merapikan JSON.

Pertanyaan yang sering diajukan

Apa itu Markdown?
Markdown adalah sintaks pemformatan teks biasa yang dirancang agar mudah dibaca dan ditulis. Anda bisa menggunakan simbol seperti
Apa itu GitHub Flavored Markdown (GFM)?
GFM adalah ekstensi dari Markdown standar yang banyak digunakan. Ekstensi ini menambahkan tabel, daftar tugas (- [ ] dan - [x]), coretan (teks), tautan otomatis untuk URL, dan blok kode. Matikan opsi ini jika Anda membutuhkan output CommonMark yang ketat.
Mengapa jeda baris tunggal tidak muncul di output?
Pada Markdown standar, satu baris baru di dalam paragraf dianggap sebagai spasi; Anda butuh baris kosong untuk memulai paragraf baru, atau dua spasi di akhir baris untuk membuat jeda baris. Centang Line breaks untuk mengubah setiap baris baru menjadi tag <br>, seperti pada komentar GitHub.
Apakah raw HTML di Markdown saya dipertahankan?
Ya. Markdown mendukung inline HTML, dan akan diteruskan ke output. Pratinjau berjalan dalam bingkai sandbox yang memblokir skrip, sehingga konten yang ditempel tidak bisa menjalankan kode di halaman ini. Jika Anda memublikasikan HTML dari sumber yang tidak tepercaya di situs Anda, pastikan untuk melakukan sanitasi di sana.
Apakah HTML menyertakan style?
HTML yang disalin hanya berisi markup konten, sehingga akan menyesuaikan dengan style website Anda. File .html yang diunduh merupakan halaman lengkap dengan stylesheet yang ringan dan rapi, praktis untuk dibagikan atau dicetak.

Alat terkait

Penghitung KataHitung kata, karakter, kalimat, dan paragraf saat Anda mengetik, dilengkapi estimasi waktu baca dan bicara.JSON Formatter & ValidatorRapikan, minify, dan validasi JSON secara instan, dengan lokasi error yang jelas.Pengubah HurufUbah teks ke berbagai format huruf — dari Title Case hingga snake_case — dan lihat semua hasilnya sekaligus.Encode & Decode Base64Konversi teks dan file ke Base64 dan sebaliknya, dengan dukungan penuh UTF-8 dan Base64URL.Base64 ke GambarDecode string Base64 dan Data URI menjadi gambar yang dapat dilihat dan diunduh secara instan langsung di browser Anda.Kalkulator ChmodKonversi antara kotak centang, angka oktal seperti 755, dan hak akses simbolik seperti rwxr-xr-x.