Softonic

Markdown to HTML Converter

Langkah 1 / 3
Berikutnya

Tempel Markdown dan dapatkan kembali HTML semantik yang bersih, <h1> sampai <h6>, <ul>, <ol>, <table>, <pre><code> dengan sintaks tersorot, <blockquote>, URL ber-autolink. Pilih dokumen penuh (dengan <html>, <head>, dan stylesheet minimal) atau fragmen (hanya konten body) tergantung apakah Anda menyambungkannya ke halaman yang ada atau menghasilkan file mandiri.

Cara mengonversi Markdown ke HTML

  1. 1

    Tempel Markdown

    Dokumen penuh atau snippet. Front-matter YAML dibuang otomatis jika ada.

  2. 2

    Pilih set ekstensi

    CommonMark saja, GFM (tabel, task list, autolink), atau GFM + matematika.

  3. 3

    Pilih mode output

    Fragmen untuk embedding, atau dokumen HTML penuh dengan head dan CSS minimal.

  4. 4

    Salin atau unduh HTML

    Ambil HTML sebagai teks atau simpan sebagai file `.html`.

Tabel pemetaan

Markdown HTML
# Heading 1 <h1>Heading 1</h1>
**bold** <strong>bold</strong>
*italic* <em>italic</em>
`code` <code>code</code>
Fenced code dengan lang <pre><code class="language-js">
- item <ul><li>item</li></ul>
1. item <ol><li>item</li></ol>
> quote <blockquote><p>quote</p></blockquote>
[text](url) <a href="url">text</a>
![alt](src) <img src="src" alt="alt">
--- <hr>
Tabel GFM <table><thead>...</thead>...
- [x] done <input type="checkbox" checked disabled>

Syntax highlighting

Blok fenced code dengan petunjuk bahasa mendapat atribut class="language-xxx" pada elemen <code>. Konverter juga menyisipkan output yang sudah ditokenisasi dari highlight.js saat Anda mengaktifkan “pre-highlighted”, berguna jika halaman target tidak memuat runtime highlighter.

Dokumen penuh vs. fragmen

  • Fragmen hanya HTML bagian dalam, dimulai dengan <h1> atau elemen pertama apa pun. Tempel ke blok CMS yang ada, body email, atau komponen frontend.
  • Dokumen penuh membungkus fragmen dalam <!DOCTYPE html>, <html>, <head> dengan stylesheet default kecil (tipografi, blok kode, tabel). Simpan sebagai .html dan ia terbuka di browser mana pun, tanpa file tambahan.

CSS inline vs. eksternal

  • Inline style (toggle) menempatkan semua CSS langsung pada elemen. Jelek tapi anti-gagal untuk template email.
  • Class (default) menjaga HTML tetap bersih dan mengharapkan stylesheet situs Anda menangani gaya.

Catatan aksesibilitas

  • Heading dirender sebagai <h1>–<h6> semantik yang mempertahankan hierarki Anda. Jangan melompati level di source.
  • Gambar tanpa teks alt menghasilkan <img alt=""> (alt kosong yang disengaja untuk gambar dekoratif), tetapi tambahkan teks alt kecuali gambarnya memang dekorasi.
  • Tabel mendapat <thead> untuk baris header, meningkatkan navigasi screen reader.

Pertanyaan yang Sering Diajukan

Ya. HTML mentah di source dilewatkan dengan tag script dan atribut event dihapus. Jika Anda butuh output tanpa sanitasi (Anda memercayai inputnya), ada toggle, jangan pakai pada konten yang disediakan pengguna.

Task list GFM (- [x], - [ ]) menjadi elemen <input type="checkbox" disabled>. Atribut disabled mencegah perubahan state tak sengaja di tampilan yang dirender.

Ya, aktifkan inline style. Konverter menyisipkan atribut style minimal pada tiap blok, yang dibutuhkan klien email (Outlook, Gmail) karena mereka membuang blok <style>.

Aktifkan ekstensi matematika dan blok $x^2$ atau $$...$$ dirender via KaTeX. Konverter menghasilkan SVG atau HTML statis, tanpa MathJax runtime.

Tidak. Parsing dan pembuatan HTML terjadi di browser Anda. Source dan output tidak pernah meninggalkan perangkat Anda.

Alat Terkait

Referensi Tabel ASCII

Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.

Referensi Karakter HTML

Daftar entitas HTML yang dapat dicari, beserta kode bernama dan kode numeriknya, serta fitur salin dengan satu klik untuk karakter khusus dan simbol.

Referensi pintasan papan ketik

Cari pintasan bawaan terdokumentasi untuk VS Code, Chrome, dan Bash dengan GNU Readline di macOS, Windows, dan Linux.

Pemformat HTML

Format HTML secara lokal di browser dengan inden dua atau empat spasi. HTML tidak diunggah atau divalidasi.

Generator EditorConfig

Buat file .editorconfig dengan gaya dan ukuran indentasi, akhir baris, charset, dan aturan spasi Anda untuk format yang konsisten di berbagai IDE dan editor.

Validator Email

Validasi alamat email: pemeriksaan sintaks RFC 5322, pengecekan live record MX, serta detail bagian lokal, domain, dan panjang. Tidak ada email yang dikirim.

Alat ini tersedia dalam bahasa lain