Markdown Previewer
Tulis GitHub-Flavored Markdown di sebelah kiri, lihat HTML yang dirender secara langsung di sebelah kanan — sepenuhnya di dalam browser.
65 words360 characters
Markdown previewer
Type Markdown on the left and see the rendered HTML here.
Links, inline code, and strikethrough all work.
- Bullet
- Task list item
- Another
A blockquote.
function hello(name: string) {
return `Hi, ${name}`;
}
| Format | Support |
|---|---|
| Tables | yes |
| GFM | yes |
What is Markdown Previewer?
Markdown adalah bahasa markup ringan yang dibuat oleh John Gruber pada tahun 2004 yang memungkinkan Anda menulis teks yang diformat menggunakan tanda baca yang sederhana dan mudah dibaca — # untuk judul, ** untuk tebal, _ untuk miring, - untuk daftar, dan > untuk kutipan blok — yang kemudian diubah menjadi HTML oleh konverter. GitHub-Flavored Markdown (GFM) memperluas spesifikasi asli dengan fitur-fitur yang digunakan pengembang sehari-hari: tabel, blok kode yang diawali dengan petunjuk bahasa, coretan, daftar tugas, dan penghubungan URL otomatis. Markdown adalah format de facto untuk file README, situs dokumentasi, pelacak masalah, aplikasi obrolan, dan generator situs statis karena sumber tetap dapat dibaca bahkan sebelum dirender. Pratinjau ini menganalisis input Anda secara langsung di browser menggunakan perpustakaan marked, tanpa perlu mengakses server, sehingga Anda dapat mengulang dokumen dan menyalin HTML hasilnya saat sudah terlihat benar.
How to Use Markdown Previewer
- Tulis atau tempel Markdown ke panel kiri — panel kanan akan dirender ulang pada setiap ketikan.
- Gunakan # untuk judul, **tebal**, _miring_, - untuk daftar, > untuk kutipan, dan blok kode yang diawali dengan tiga backtick.
- Tabel, daftar tugas, dan coretan dapat digunakan secara langsung melalui GitHub-Flavored Markdown.
- Klik "Salin HTML" untuk menyalin hasil render, atau "Bersihkan" untuk memulai dari dokumen kosong.
Examples
Judul dan paragraf
Input: # Judul Paragraf singkat.
Output: <h1>Judul</h1> <p>Paragraf singkat.</p>
Tebal dan miring
Input: **tebal** dan _miring_
Output: <p><strong>tebal</strong> dan <em>miring</em></p>
Daftar tugas
Input: - [x] selesai - [ ] belum selesai
Output: <ul> <li><input checked="" disabled="" type="checkbox"> selesai</li> <li><input disabled="" type="checkbox"> belum selesai</li> </ul>
Common Mistakes
- Lupa bahwa satu baris baru menjadi spasi, bukan jeda baris — tambahkan dua spasi trailing atau baris kosong untuk memaksa jeda.
- Mengharapkan indentasi empat spasi untuk membuat blok kode ketika blok kode berpagar (tiga backticks) lebih andal dan mendukung petunjuk bahasa.
- Menempelkan Markdown yang berisi tag <script> atau <iframe> mentah ke halaman tepercaya tanpa sanitasi terlebih dahulu — pratinjau melewati HTML inline secara verbatim dan hanya untuk pratinjau saja.
- Mengabaikan tingkat judul (melompat dari # ke ###), yang menghasilkan kerangka dokumen yang buruk dan merusak navigasi pembaca layar dan SEO.
Why Use This Tool
- Pratinjau langsung, tombol demi tombol tanpa unggahan dan ketergantungan server.
- GitHub-Flavored Markdown lengkap langsung dari kotak, termasuk tabel, daftar tugas, dan coretan.
- Salin satu klik dari HTML yang di-render untuk ditempelkan ke CMS, email, atau template apa pun.
- Berjalan sepenuhnya klien-samping, sehingga tetap berfungsi bahkan setelah jaringan turun.