Konverter Markdown

Mendukung konversi dua arah antara Markdown dan HTML dengan rendering pratinjau waktu nyata. Mendukung sintaks diperluas GFM, penyorotan kode, rumus matematika KaTeX, dan diagram Mermaid, cocok untuk penulisan dokumen, penerbitan blog, dan pembuatan teks kaya untuk email.

Panduan penggunaan

🚀 Quick Start

Tempel konten ke kotak input sebelah kiri.
Select conversion mode (→HTML or →Markdown)
Konten akan dikonversi otomatis, hasilnya tampil di sebelah kanan.
Preview/HTML output: Markdown → HTML renders KaTeX/Mermaid by default

📌 Common Scenarios

Pratinjau blog/dokumen: cepat memeriksa rendering Markdown dan warna.
Email delivery: paste exported HTML into the email body (prefer inline styles)
Rich text → Markdown: clean webpage/CMS rich text into version‑controlled Markdown
Tech docs: render formulas/diagrams and export in one step
Editor migration: reconcile differences across Markdown flavors
Wiki/Knowledge base: convert HTML pages to Markdown for import
API changelog: turn HTML/descriptions into Markdown for review/PR

🎛️ Conversion Parameters & Rendering

Markdown → HTML renders KaTeX/Mermaid automatically
HTML → Markdown keeps/restores source; no re‑render
GFM (tabel/tugas) diaktifkan secara bawaan; gunakan Markdown standar untuk perilaku yang lebih ketat.
Soft line break diaktifkan; untuk perilaku ketat gunakan baris kosong atau dua spasi di akhir baris.
Very large inputs may trigger degraded preview (limit rendering/disable highlighting)

🧭 Saran penggunaan

Email: prefer inline styles for better compatibility
Long documents: convert in parts to avoid lag

⚠️ Batasan & kompatibilitas

Flavors differ: rendering varies across platforms; prefer common syntax
HTML → Markdown is best‑effort: styles/layout are often lost
HTML → Markdown ignores parts of HTML (scripts/styles/meta, embeds/forms, media, on* events, style/class, etc.)
Complex tables/nesting may degrade; please review
Images/video remain external links; not downloaded
Third‑party pre‑rendered Mermaid SVG cannot be reliably reversed

🔒 Privasi & keamanan

All processing happens in your browser; data never leaves your device
Doesn’t run <script> from pasted HTML
KaTeX/Mermaid dirender dengan konfigurasi yang aman.
Doesn’t auto‑sanitize all HTML; please review before/after conversion

❓ Pertanyaan umum

Pratinjau berbeda dengan platform target — bagaimana cara mendiagnosisnya?

Identify the target flavor (CommonMark/GFM/custom). Avoid raw HTML and private extensions. Use standard line breaks (blank lines or two trailing spaces). Reduce to a minimal example, verify on the target platform, then expand.

How do I ship exported HTML safely to production?

Alat ini tidak mengeksekusi <script>, tetapi juga tidak otomatis melakukan sanitasi. Lakukan sanitasi di server/pipeline publikasi dengan pustaka whitelist (mis. DOMPurify), blok handler on* dan skema URI berbahaya, serta terapkan CSP untuk skrip eksternal/inline.

HTML → Markdown distorts complex structures — what should I do?

Utamakan semantik yang portabel: ubah tabel/list kompleks menjadi tabel pipa dan list yang lebih datar; tempel sebagai teks biasa untuk menghapus span/style/class sebelum konversi; isolasi contoh minimal lalu sesuaikan sumbernya.

Batasan dan troubleshooting untuk KaTeX/Mermaid?

Syntax: KaTeX $$…$$ or inline $…$; Mermaid fenced as ```mermaid. Large inputs may degrade (show source/disable highlighting). Reduce density, convert in parts, and use minimal examples to pinpoint syntax issues. Recovery: KaTeX can be recovered from rendered HTML; Mermaid recovery only works for diagrams generated by this tool with embedded source.