Editor Markdown langsung
Editor Markdown online gratis dengan preview HTML langsung. Ketik CommonMark atau Markdown gaya GitHub di kiri dan lihat HTML yang dirender di kanan; panel bergulir sinkron sehingga Anda tidak kehilangan posisi di dokumen panjang. Preview dibersihkan — tag <script> yang ditempel dan handler onclick tidak bisa dipicu, sehingga Anda bisa merender Markdown yang disalin dari mana saja dengan aman. Ekspor sebagai file .md (sumber yang Anda tulis) atau sebagai file .html (output yang dirender), atau salin HTML yang dirender ke clipboard untuk ditempel ke WordPress, Ghost, Notion, atau CMS lain. Tiga mode tampilan: berdampingan (default), editor saja (mode fokus), preview saja (mode baca).
Cara menggunakan
Sintaks standar — judul (#), daftar (-), tebal (**), kode (```), tabel (|).
Render langsung muncul di kanan saat Anda mengetik.
Mode fokus menyembunyikan preview; mode baca menyembunyikan editor.
Simpan draf Anda sebagai .md (sumber) atau .html (dirender), atau salin HTML langsung ke clipboard untuk tempel CMS.
Edit Markdown di kiri, lihat HTML di kanan — gaya GitHub, dibersihkan, scroll yang dapat disinkronkan
Fitur
Penggunaan umum
- Draf posting blog dalam Markdown, render ke HTML, tempel ke CMS Anda.
- Tulis README secara lokal tanpa menginstal renderer.
- Konversi dokumen Markdown ke HTML standalone untuk email atau hosting.
- Format catatan rapat dengan judul dan daftar berbutir, lalu salin HTML.
- Latih sintaks Markdown — lihat bagaimana setiap karakter diterjemahkan ke HTML.
Mengapa yang ini
Rendering terjadi seketika pada setiap penekanan tombol — tanpa round-trip ke server, tanpa penundaan "preview siap dalam 3 detik" yang Anda temukan di editor CMS. Scroll sinkron dan tata letak tiga tampilan dapat dikonfigurasi. Fitur GFM (tabel, daftar tugas, kode berpagar) cocok persis dengan apa yang dirender GitHub untuk README Anda; matikan GFM jika Anda menargetkan konsumer CommonMark yang lebih ketat (beberapa generator situs statis, pipeline penerbitan akademis).
Pertanyaan umum
Apa itu Markdown "gaya GitHub"?
Superset CommonMark yang menambahkan tabel, blok kode berpagar, daftar tugas, autolink, dan coretan. Ini adalah standar de-facto untuk file README. Matikan "GFM" untuk merender CommonMark ketat.
Mengapa <script> di Markdown saya tidak dirender?
Konten aktif (script, event handler, URL javascript:) dibersihkan sebelum ditampilkan — tanpa perlindungan ini, Markdown apa pun yang Anda tempel dari chat atau forum bisa menjalankan kode di browser Anda. Jika butuh tag <script> literal sebagai teks terlihat, escape dengan backtick (`<script>`) atau kode entitas HTML.
Bisakah saya menulis LaTeX/matematika?
Tidak — ini adalah penampil Markdown biasa, bukan typesetter matematika. Gunakan blok code-fenced dengan bahasa `math` sebagai placeholder; untuk rendering persamaan sejati, GitHub kini mendukung blok matematika $...$ secara native, dan Obsidian / VS Code / MkDocs semuanya menghubungkan KaTeX atau MathJax.
Bagaimana scroll sinkron bekerja?
Saat Anda menggulir editor, preview menggulir secara proporsional untuk mencocokkan. Ini berbasis persentase kasar — tidak akurat per blok — tetapi cukup dekat untuk navigasi.
Mobile?
Ya. Tata letak terbagi runtuh menjadi panel bertumpuk; beralih ke editor saja atau preview saja untuk lebih banyak ruang.
Kami bisa — dan gratis! Kirim pesan singkat dengan ide Anda. Jika ingin diskusi lebih detail, tinggalkan email dan kami akan menghubungi Anda. Bisa anonim.
