Pratinjau Markdown

Ketik Markdown di satu sisi dan lihat hasilnya dirender langsung di sisi lain — heading, bold, italic, list, blok kode, dan link, semuanya dipratinjau secara instan di browser Anda.

Apakah kalkulator ini membantu Anda?

Apa itu Pratinjau Markdown?

Markdown adalah sintaks pemformatan ringan di balik README, postingan blog, pesan chat, dokumentasi, dan banyak tempat lain di mana Anda ingin pemformatan sederhana dan mudah dibaca tanpa menulis HTML mentah. Karena Markdown adalah teks biasa, mudah untuk ditulis di mana saja — tetapi juga mudah untuk sedikit salah sintaks dan tidak menyadarinya sampai sudah dipublikasikan. Previewer ini merender Markdown Anda saat Anda mengetik, berdampingan dengan sumbernya, sehingga Anda dapat segera menangkap kesalahan format — spasi yang hilang setelah #, code fence yang tidak ditutup, atau daftar yang tidak terpisah dari paragraf di atasnya — sebelum Anda melakukan commit README, mempublikasikan postingan, atau mengirim pesan berformat.

Kapan Menggunakan Kalkulator Ini

Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected

Langkah-langkah:

Ketik atau tempel Markdown Anda ke panel kiri.
Lihat pratinjau HTML yang dirender diperbarui secara instan di sebelah kanan.
Sesuaikan sintaks Anda hingga pratinjau sesuai dengan yang Anda maksud.
Salin sumber Markdown final Anda setelah puas dengan hasilnya.

Rumus

# Judul →

Judul

**tebal** → tebal *miring* → miring `kode` → kode [teks](url) → teks - item →

item

Kasus Penggunaan

Mempratinjau README GitHub atau GitLab sebelum melakukan commit
Menyusun pesan berformat untuk Slack, Discord, atau aplikasi chat lain yang mendukung Markdown
Memeriksa format postingan blog atau dokumentasi sebelum dipublikasikan
Mempelajari sintaks Markdown dengan bereksperimen dan melihat hasilnya secara langsung
Dengan cepat mengonversi potongan Markdown singkat ke HTML untuk ditempel di tempat lain

Manfaat Utama

Lihat Markdown Anda dirender secara instan, berdampingan dengan sumbernya
Tangkap kesalahan sintaks sebelum mempublikasikan di mana pun
Berjalan sepenuhnya offline di browser Anda — tidak ada yang diunggah
Gratis, tanpa pendaftaran, tanpa batas ukuran file untuk penggunaan umum

Tips Profesional

Tambahkan baris kosong sebelum dan sesudah daftar dan blok kode untuk rendering paling andal di berbagai parser Markdown
Gunakan tanda bintang ganda untuk bold dan tanda bintang tunggal (atau underscore) untuk italic guna menghindari ambiguitas
Pratinjau di alat ini terlebih dahulu, lalu periksa platform target (GitHub, Slack, dll.) karena beberapa mendukung sintaks tambahan seperti tabel
Jaga heading tetap berurutan (jangan lompat dari # ke ###) untuk struktur dokumen dan aksesibilitas yang lebih baik

Kesalahan Umum yang Harus Dihindari

Lupa baris kosong yang diperlukan antara paragraf dan daftar berikutnya
Melewatkan spasi setelah simbol # pada heading, yang mencegahnya dirender
Membiarkan code fence (```) tidak ditutup, yang menelan sisa dokumen sebagai kode
Menggunakan tanda bintang tunggal untuk bold alih-alih ganda, menghasilkan italic bukannya bold

Istilah Kunci Dijelaskan

CommonMark: Spesifikasi standar sintaks Markdown, dirancang untuk mengurangi inkonsistensi
GFM: GitHub-Flavored Markdown, dialek yang diperluas yang mendukung tabel dan daftar tugas
Code fence: Blok yang dibatasi oleh tiga backtick (```) yang digunakan untuk memformat kode multi-baris
Inline formatting: Format yang diterapkan dalam satu baris, seperti *italic* atau `code`, berbeda dengan elemen tingkat blok

Konsep Terkait

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

Contoh

Mengetik "## Hello\n\nThis is **bold** and this is *italic*." merender menjadi heading level-2 diikuti paragraf dengan teks bold dan italic.

Interpretasi Hasil Anda

Panel kiri menampilkan teks sumber Markdown mentah Anda, dan panel kanan merendernya sebagai HTML berformat secara real time. Setiap penekanan tombol langsung memperbarui pratinjau, sehingga Anda dapat langsung melihat efek setiap elemen sintaks. Masalah rendering yang umum biasanya berkaitan dengan spasi. Baris kosong diperlukan antara paragraf dan daftar yang mengikutinya untuk sebagian besar renderer. Judul memerlukan spasi setelah simbol #. Kode fence (```) harus berada di barisnya sendiri agar rendering blok kode aktif. Pratinjau ini merupakan perkiraan yang dekat dengan bagaimana Markdown Anda akan tampil di sebagian besar platform (GitHub, Slack, Discord, dll.), tetapi setiap platform memiliki renderer sendiri dengan sedikit variasi. Selalu lakukan pemeriksaan akhir di platform tujuan untuk apa pun yang melampaui format dasar.

Pertanyaan Umum

Sintaks Markdown apa yang didukung alat ini?

Heading (# hingga ######), bold (**teks**), italic (*teks*), kode inline (`kode`), blok kode (```), link ([teks](url)), daftar berpoin (- item), daftar bernomor (1. item), dan blockquote (> teks).

Apakah konten saya disimpan atau diunggah ke suatu tempat?

Tidak. Semuanya diurai dan dirender sepenuhnya di browser Anda menggunakan JavaScript. Tidak ada yang Anda ketik dikirim ke server mana pun, disimpan, atau dicatat.

Mengapa format saya tidak muncul dengan benar?

Markdown membutuhkan sintaks yang tepat — misalnya, banyak renderer memerlukan baris kosong di antara paragraf dan daftar agar dapat memisahkannya dengan benar, dan heading membutuhkan spasi setelah simbol #. Periksa spasi atau jeda baris yang hilang di sekitar format yang Anda gunakan.

Bisakah saya menggunakan ini untuk mempratinjau README GitHub sebelum melakukan commit?

Ya, untuk elemen Markdown umum yang didukung alat ini. Renderer GitHub mendukung beberapa ekstensi GitHub-Flavored Markdown tambahan (seperti tabel dan daftar tugas) yang tidak disertakan previewer ringan ini, jadi selalu periksa kembali rendering akhir di GitHub itu sendiri untuk apa pun di luar sintaks dasar.

What Markdown syntax does this tool support?

Headings (# through ######), bold (**text**), italics (*text*), inline code (`code`), code blocks (```), links ([text](url)), bulleted lists (- item), numbered lists (1. item), and blockquotes (> text).

Is my content saved or uploaded anywhere?

Tidak. Semuanya diurai dan dirender sepenuhnya di browser Anda menggunakan JavaScript. Tidak ada yang Anda ketik dikirim ke server mana pun, disimpan, atau dicatat.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Apa perbedaan antara Markdown dan HTML?

Markdown adalah bahasa markup ringan yang mudah ditulis dan dibaca sebagai teks biasa. HTML adalah bahasa markup lengkap dengan sintaks yang lebih kompleks. Markdown sering diubah menjadi HTML untuk ditampilkan. Alat ini merender Markdown sebagai HTML secara real time.

How do I create a table in Markdown?

Markdown standar tidak mendukung tabel, tetapi GitHub-Flavored Markdown mendukungnya. Gunakan karakter pipe (|) untuk memisahkan kolom dan tanda hubung untuk pemisah header. Previewer ini tidak merender tabel — periksa hasil akhir di platform tujuan Anda.

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Alat Terkait

Jelajahi lebih banyak alat

Kalkulator Aspek Rasio

Kalkulator Bandwidth

Kalkulator Waktu Pengunduhan

Kalkulator Biaya Hosting Cloud

Kalkulator Biaya CDN

Kalkulator Monetisasi API

Apa itu Pratinjau Markdown?

Kapan Menggunakan Kalkulator Ini

Writing a GitHub or GitLab README and want to verify formatting before committing

Drafting a Markdown post for a blog platform, documentation site, or wiki

Checking a Markdown email or chat message renders correctly before sending

Learning Markdown syntax by experimenting with different formatting and seeing instant results

Converting a short Markdown snippet to HTML for pasting into a CMS or email template

Debugging a Markdown document where some formatting isn't rendering as expected

Kasus Penggunaan

Mempratinjau README GitHub atau GitLab sebelum melakukan commit

Menyusun pesan berformat untuk Slack, Discord, atau aplikasi chat lain yang mendukung Markdown

Memeriksa format postingan blog atau dokumentasi sebelum dipublikasikan

Mempelajari sintaks Markdown dengan bereksperimen dan melihat hasilnya secara langsung

Dengan cepat mengonversi potongan Markdown singkat ke HTML untuk ditempel di tempat lain

Tips Profesional

Tambahkan baris kosong sebelum dan sesudah daftar dan blok kode untuk rendering paling andal di berbagai parser Markdown

Gunakan tanda bintang ganda untuk bold dan tanda bintang tunggal (atau underscore) untuk italic guna menghindari ambiguitas

Pratinjau di alat ini terlebih dahulu, lalu periksa platform target (GitHub, Slack, dll.) karena beberapa mendukung sintaks tambahan seperti tabel

Jaga heading tetap berurutan (jangan lompat dari # ke ###) untuk struktur dokumen dan aksesibilitas yang lebih baik

Kesalahan Umum yang Harus Dihindari

Lupa baris kosong yang diperlukan antara paragraf dan daftar berikutnya

Melewatkan spasi setelah simbol # pada heading, yang mencegahnya dirender

Membiarkan code fence (```) tidak ditutup, yang menelan sisa dokumen sebagai kode

Menggunakan tanda bintang tunggal untuk bold alih-alih ganda, menghasilkan italic bukannya bold

Istilah Kunci Dijelaskan

CommonMark: Spesifikasi standar sintaks Markdown, dirancang untuk mengurangi inkonsistensi

GFM: GitHub-Flavored Markdown, dialek yang diperluas yang mendukung tabel dan daftar tugas

Code fence: Blok yang dibatasi oleh tiga backtick (```) yang digunakan untuk memformat kode multi-baris

Inline formatting: Format yang diterapkan dalam satu baris, seperti *italic* atau `code`, berbeda dengan elemen tingkat blok

Interpretasi Hasil Anda

Pertanyaan Umum

Sintaks Markdown apa yang didukung alat ini?

Heading (# hingga ######), bold (**teks**), italic (*teks*), kode inline (`kode`), blok kode (```), link ([teks](url)), daftar berpoin (- item), daftar bernomor (1. item), dan blockquote (> teks).

Apakah konten saya disimpan atau diunggah ke suatu tempat?

Tidak. Semuanya diurai dan dirender sepenuhnya di browser Anda menggunakan JavaScript. Tidak ada yang Anda ketik dikirim ke server mana pun, disimpan, atau dicatat.

Mengapa format saya tidak muncul dengan benar?

Bisakah saya menggunakan ini untuk mempratinjau README GitHub sebelum melakukan commit?

What Markdown syntax does this tool support?

Is my content saved or uploaded anywhere?

Tidak. Semuanya diurai dan dirender sepenuhnya di browser Anda menggunakan JavaScript. Tidak ada yang Anda ketik dikirim ke server mana pun, disimpan, atau dicatat.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Apa perbedaan antara Markdown dan HTML?

How do I create a table in Markdown?

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Pratinjau Markdown

Apa itu Pratinjau Markdown?

Kapan Menggunakan Kalkulator Ini

Langkah-langkah:

Rumus

Judul

Kasus Penggunaan

Manfaat Utama

Tips Profesional

Kesalahan Umum yang Harus Dihindari

Istilah Kunci Dijelaskan

Konsep Terkait

Contoh

Interpretasi Hasil Anda

Pertanyaan Umum