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

Generator Konfigurasi Webpack

Buat webpack.config.js untuk webpack 5 bagi JavaScript biasa, React, atau Vue: TypeScript, Babel, CSS atau Sass, gambar, HtmlWebpackPlugin, server pengembangan, dan baris npm install.

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.

Validator XSD

Validasi dokumen XML terhadap skema XSD dan laporkan ketidakcocokan elemen dan tipe dengan nomor baris persis.

Dekoder Protocol Buffers

Dekode byte wire-format Protobuf secara lokal dari hex, Base64, Base64URL, teks, atau file; periksa kandidat field yang tepat dan ekspor laporan privat.

XML Formatter

Pretty-print dokumen XML dengan indentasi konsisten dan tangkap kesalahan well-formedness lengkap dengan nomor baris persis.

Alat ini tersedia dalam bahasa lain