Utilia
Kategori ▾
Bahasa: id ▾

Konverter HTML ke Markdown

Konversi HTML ke Markdown dan Markdown ke HTML di browser Anda, dengan tabel GitHub, teks coret, daftar tugas, dan pratinjau yang aman. Tidak ada yang diunggah.

Konversi

Pratinjau

Pratinjau disanitasi: skrip, formulir, dan event handler dihapus, dan gambar jarak jauh tidak pernah dimuat.

Cara mengonversi HTML ke Markdown

  1. Pilih arahnya: HTML → Markdown atau Markdown → HTML.
  2. Tempel kode Anda ke kotak masukan, atau klik Buka file untuk memuat file .html, .htm, .md, atau .txt dari komputer Anda (hingga 10 MB).
  3. Sesuaikan opsinya. Untuk HTML → Markdown, Anda bisa memilih gaya Judul, Penanda daftar, dan gaya Blok kode. Untuk Markdown → HTML, Sanitasi HTML (hapus skrip dan event handler) aktif secara bawaan.
  4. Klik Konversi. Hasilnya juga diperbarui saat Anda mengetik.
  5. Salin atau unduh hasilnya. Balik arah memindahkan hasil kembali ke masukan sehingga Anda bisa mengonversinya ke arah sebaliknya dan memeriksa hasil bolak-baliknya.

Pratinjau di bawah hasil menampilkan bagaimana Markdown di-render, sehingga Anda bisa memeriksa konversinya sekilas.

Apa yang dilakukan konversi HTML → Markdown

Konverter membaca HTML Anda dengan parser bawaan browser, dalam dokumen yang inert: skrip tidak berjalan dan gambar tidak diunduh. Kemudian konverter menelusuri struktur halaman dan menulis padanan Markdown untuk setiap elemen:

  • <h1> sampai <h6> menjadi judul. ATX (# Judul) menulis # sampai ######; Setext (bergaris bawah) memberi garis bawah === atau --- pada judul tingkat 1 dan 2 (tingkat 3 sampai 6 selalu memakai #).
  • <strong> dan <b> menjadi **tebal**, <em> dan <i> menjadi _miring_, <code> inline menjadi backtick.
  • Tautan menjadi [teks](url "judul") dan gambar menjadi ![alt](src).
  • Daftar memakai penanda yang dipilih (-, *, atau +); daftar bernomor mempertahankan angka start-nya, dan daftar bersarang diberi indentasi.
  • <pre><code> menjadi blok kode, baik Berpagar (```) maupun Berindentasi (4 spasi).
  • <blockquote>, <hr>, dan baris baru juga dikonversi.
  • <script>, <style>, <iframe>, <noscript>, dan elemen sejenisnya dihapus beserta isinya.

Karakter yang bisa terbaca sebagai sintaks Markdown, seperti * atau # di awal baris, di-escape dengan backslash agar teksnya tetap literal.

GitHub Flavored Markdown

Dengan GitHub Flavored Markdown (tabel, ~~coret~~, daftar tugas) dicentang:

  • Tabel menjadi tabel pipa dengan kolom yang rata. Header diambil dari baris <thead> atau baris yang hanya berisi sel <th>; jika tidak ada, baris header kosong ditambahkan, karena GFM mewajibkannya. Perataan kolom dibaca dari align="right" atau style="text-align: center". Pipa di dalam sel di-escape sebagai \|, baris baru menjadi <br>, dan colspan diisi dengan sel kosong. <caption> ditulis sebagai paragraf di atas tabel.
  • <del>, <s>, dan <strike> menjadi ~~coret~~.
  • Kotak centang di awal item daftar menjadi item daftar tugas: - [x] selesai, - [ ] belum.

Markdown tidak punya padanan untuk tabel bersarang, baris gabungan, atau gaya sel. Tabel yang berisi tabel lain dipertahankan sebagai HTML mentah, yang diterima sebagian besar renderer Markdown. Tanpa opsi GFM, setiap tabel dipertahankan sebagai HTML.

Markdown → HTML

Ke arah sebaliknya, Markdown di-render dengan parser yang sesuai CommonMark, dengan ekstensi GFM saat opsinya aktif. Hasilnya berupa potongan HTML, siap ditempel ke CMS, template email, atau halaman web. Saat Sanitasi HTML (hapus skrip dan event handler) dicentang, HTML mentah yang disisipkan di Markdown dibersihkan: tag <script>, atribut onclick, dan tautan javascript: dihapus. Hapus centangnya hanya untuk Markdown yang Anda tulis sendiri.

Pertanyaan yang sering diajukan

Apakah HTML saya dikirim ke server?

Tidak. Kedua arah konversi berjalan sepenuhnya di browser Anda, dan halaman ini tidak pernah mengunggah apa yang Anda tempel atau buka. Anda bisa dengan aman mengonversi dokumentasi internal atau draf.

Apakah pratinjau aman untuk HTML yang tidak tepercaya?

Ya. Pratinjau selalu melewati DOMPurify: skrip, formulir, frame, dan event handler dihapus, tautan terbuka di tab baru tanpa akses ke halaman ini, dan gambar jarak jauh tidak pernah dimuat. Hanya gambar yang disisipkan sebagai URL data: yang ditampilkan.

Mengapa sebagian halaman saya hilang?

Markdown hanya menjelaskan struktur konten. Elemen tata letak, class CSS, gaya inline, formulir, dan widget sematan tidak punya bentuk Markdown, sehingga hanya teksnya yang dipertahankan. Skrip dan style dihapus seluruhnya.

Bisakah saya mengonversi satu halaman web utuh?

Bisa. Tempel kode sumber lengkapnya, termasuk <html> dan <head>: hanya isi <body> yang dikonversi. Untuk Markdown yang lebih bersih, tempel bagian artikelnya saja, bukan navigasi dan footer.

Varian Markdown apa yang dipakai hasilnya?

Hasilnya mengikuti CommonMark, standar yang didukung GitHub, GitLab, Obsidian, sebagian besar static site generator, dan banyak editor CMS. Tabel, teks coret, dan daftar tugas mengikuti spesifikasi GitHub Flavored Markdown.

Alat terkait