Editor Markdown
Tulis Markdown dengan pratinjau langsung berdampingan. Mendukung tabel dan daftar tugas GitHub Flavored Markdown, output HTML yang disanitasi, serta unduhan .md/.html.
Dirender dengan marked dan dibersihkan dengan DOMPurify: skrip, event handler, dan HTML tidak aman lainnya dihapus dari pratinjau dan output HTML.
Alat Terkait
Lihat SemuaApa itu Editor Markdown?
Editor Markdown online dengan pratinjau langsung di samping teks. Mendukung GitHub Flavored Markdown (tabel, daftar tugas, coret, tautan otomatis), menampilkan HTML yang dihasilkan, dan memungkinkan Anda menyalin HTML atau mengunduh dokumen sebagai .md atau file .html mandiri.
Cara menggunakan Editor Markdown
- Tulis atau tempel Markdown di editor, atau tekan Muat contoh untuk melihat sintaksnya.
- Perhatikan pratinjau yang diperbarui saat Anda mengetik; ganti tampilan antara berdampingan, editor, pratinjau, dan HTML.
- Aktifkan atau matikan GitHub Flavored Markdown dan Anggap jeda baris tunggal sebagai <br> sesuai kebutuhan.
- Salin HTML-nya atau gunakan Unduh .md / Unduh .html.
Contoh
# Hi **bold** and <img src=x onerror=alert(1)>
<h1>Hi</h1> <p><strong>bold</strong> and <img src="x"></p>
Handler onerror dihapus oleh DOMPurify
Kapan menggunakan Editor Markdown
Gunakan untuk menyusun draf file README, dokumentasi, catatan, postingan forum, atau email yang ditulis dalam Markdown, atau untuk mengubah Markdown menjadi HTML yang bersih. Sintaks yang khusus untuk satu platform (GitHub alerts, diagram Mermaid, matematika dengan $…$, wiki link) tidak dirender.
Cara kerja Editor Markdown
Markdown dikonversi dengan library marked (kompatibel CommonMark, dengan ekstensi GFM jika diaktifkan; opsi breaks mengubah satu baris baru menjadi <br>). HTML yang dihasilkan diteruskan ke DOMPurify dengan profil HTML-nya, yang menghapus <script>, atribut event handler seperti onerror, URL javascript:, dan markup berbahaya lainnya sebelum ditampilkan di pratinjau, disalin, atau diunduh. Kedua library dimuat sesuai kebutuhan di browser Anda.
Kasus Penggunaan Umum
- Menyusun draf README.md dengan pratinjau langsung
- Mengubah catatan Markdown menjadi HTML untuk situs web atau email
- Menulis tabel dan daftar tugas dalam GFM
- Mengajarkan atau mempelajari sintaks Markdown
- Melihat pratinjau Markdown dari CMS atau chat sebelum dikirim
Catatan Keamanan
Pratinjau dan output HTML disanitasi dengan DOMPurify, sehingga menempel Markdown yang tidak tepercaya tidak bisa menjalankan skrip di halaman ini. Markdown tidak pernah meninggalkan browser Anda.
Pertanyaan Umum
Apakah HTML mentah di dalam Markdown diizinkan?
Ya, tetapi disanitasi: tag yang aman tetap ada, sedangkan skrip, event handler, dan tautan javascript: dihapus.
Apakah dokumen saya disimpan?
Tidak. Tidak ada yang disimpan atau diunggah – unduh file .md untuk menyimpan pekerjaan Anda.
Apa itu GitHub Flavored Markdown?
Ekstensi CommonMark dari GitHub yang menambahkan tabel, daftar tugas (- [x]), coret (~~teks~~), dan tautan otomatis.