Tentang Pratinjau Markdown
Markdown adalah bahasa markup ringan yang digunakan dalam README, dokumentasi, dan komentar. Alat ini merender Markdown Anda ke HTML secara real time sehingga Anda dapat melihat tampilannya. Parsing dilakukan di browser Anda dengan pustaka marked — tidak ada yang dikirim ke server.Cara Menggunakan Markdown Preview
- Ketik atau tempel konten Markdown Anda ke editor Markdown di sisi kiri.
- Panel Pratinjau di sisi kanan diperbarui secara real time, menampilkan bagaimana Markdown Anda dirender sebagai HTML.
- Gunakan sintaks Markdown standar:
#untuk heading,**tebal**untuk tebal,*miring*untuk miring,[teks](url)untuk tautan, dll. - Tinjau pratinjau untuk memverifikasi pemformatan, lalu salin Markdown Anda untuk digunakan di platform target.
Fitur Utama
- Pratinjau real-time live — Lihat HTML yang dirender diperbarui secara instan saat Anda mengetik Markdown.
- Dukungan Markdown penuh — Heading, tebal, miring, coret, tautan, gambar, daftar, blok kode, blockquote, dan tabel.
- Kompatibilitas GFM — Mendukung ekstensi GitHub Flavored Markdown termasuk tabel dan daftar tugas.
- Perlindungan XSS — HTML yang dirender disanitasi dengan DOMPurify untuk mencegah injeksi script dari input yang tidak tepercaya.
- Privasi berbasis browser — Semua rendering berjalan secara lokal di browser Anda. Konten Anda tidak pernah meninggalkan perangkat.
- Tanpa akun — Mulai menulis dan mempratinjau langsung tanpa pendaftaran apa pun.
Kapan Menggunakan Alat Ini
- Menyusun file README.md untuk repositori GitHub atau GitLab dan memeriksa pemformatannya.
- Menulis dokumentasi atau posting blog dalam Markdown dan memverifikasi output yang dirender.
- Mempelajari sintaks Markdown dengan umpan balik visual instan tentang bagaimana setiap elemen dirender.
- Mempratinjau konten Markdown sebelum menempelnya ke platform seperti Notion, Jira, atau Confluence.
- Memeriksa cepat rendering potongan Markdown yang dibagikan dalam code review atau chat.
Detail Teknis
Alat ini menggunakan pustaka JavaScript marked untuk parsing Markdown, yang mengimplementasikan spesifikasi CommonMark dengan ekstensi untuk GitHub Flavored Markdown (GFM). Markdown di-parse menjadi string HTML, kemudian dilewatkan melalui DOMPurify untuk menghapus elemen yang berpotensi berbahaya (tag script, event handler, dll.) sebelum dirender di panel pratinjau. Langkah sanitasi ini membuat alat ini aman untuk menempel Markdown yang tidak tepercaya dari sumber eksternal. Pratinjau diperbarui setiap ketukan tombol menggunakan fungsi rendering debounced untuk performa yang mulus. Blok kode mendukung penyorotan sintaks dasar untuk bahasa umum. Alat ini berjalan sepenuhnya di sisi klien tanpa komunikasi server.
Kesimpulan
Markdown Preview menyediakan cara cepat, privat, dan intuitif untuk menulis dan mempratinjau Markdown dengan rendering real-time. Baik Anda menyusun dokumentasi, menulis posting blog, atau mempelajari sintaks Markdown, alat berbasis browser ini memberikan umpan balik visual instan tanpa ketergantungan server apa pun.