Skip to main content
CalculoraCalculora

Keuangan & Bisnis

Kalkulator KeuanganInvestasi & PerencanaanKeuangan PribadiInvestasi PropertiAlat BisnisStartup & Perusahaan Perangkat Lunak

Matematika & Teknologi

Kalkulator MatematikaAlat TeknikAlat FisikaAlat DeveloperAlat Sekolah

Kesehatan & Kehidupan

Alat MedisUtilitas CerdasPengacak

Kreator & Khusus

Ekonomi KreatorAlat IslamKeberlanjutanGame

Konverter

Konverter SatuanKonverter PanjangKonverter BeratKonverter Suhu→ Konverter Satuan

Pengacak

Generator Angka AcakPemeriksa Kekuatan Kata SandiRoda KeberuntunganSimulator Lempar KoinPelempar DaduKalkulator Tumpang Tindih Zona Waktu→ Pengacak
Konverter File

Alat PDF

Konversi PDF ke JPGKonversi PDF ke PNGUbah PDF menjadi TXTKonversi PDF ke GIFKonversi PDF ke WebPKonversi PDF ke SVGUbah PDF menjadi DOCXUbah PDF ke ExcelUbah PDF ke PowerPointUbah PDF ke HTMLUbah PDF ke MarkdownUbah PDF ke TIFF

Konverter Gambar

Konversi JPG ke PNGKonversi PNG ke JPGKonversi PNG ke WebPKonversi WebP ke PNGKonversi WebP ke JPGKonversi JPG ke WebPUbah SVG ke PNGUbah SVG ke JPGKonversi SVG ke WebPKonversi BMP ke PNGKonversi BMP ke JPGKonversi BMP ke WebP

Gambar Lanjutan

Konversi HEIC ke JPGKonversi HEIC ke PNGKonversi TIFF ke JPGKonversi TIFF ke PNGKonversi JPG ke TIFFKonversi PNG ke TIFFKonversi JPG ke ICOKonversi PNG ke ICOUbah JPEG menjadi AVIFKonversi PNG ke AVIF

GIF & Animasi

Konversi Bingkai GIF ke PNGKonversi Bingkai GIF ke JPGKonversikan GIF ke frame individual (PNG/JPEG)Konversi PNG ke GIFKonversi JPG ke GIFKonversi GIF ke WebP

Pengeditan

Tambahkan Tanda Air ke GambarPenghapus Objek GambarUbah ukuran gambar secara instan di browser AndaKompres gambar online — perkecil ukuran file, jaga kualitas
Tantangan Kecepatan MatematikaTantangan Hitung MentalWordleBint WaladSudoku2048
Konverter Mata Uang
CalculoraCalculora

Platform kalkulator all-in-one Anda. Alat gratis, cepat, dan akurat untuk setiap kebutuhan.

Input kalkulator tetap 100% pribadi — semua perhitungan terjadi di browser Anda dan tidak pernah mencapai server kamiGratis selamanya — tanpa paywall, tanpa langganan, tanpa perlu akun

Populer

  • Kalkulator BMI
  • Kalkulator Pinjaman
  • Kalkulator Usia
  • Kalkulator KPR
  • Kalkulator Persentase
  • Kalkulator Ilmiah

Matematika

  • Kalkulator Statistik
  • Pemecah Persamaan
  • Kalkulator Pecahan
  • Kalkulator Faktorisasi Prima
  • Kalkulator FPB dan KPK
  • Kalkulator Logaritma

Keuangan

  • Kalkulator Kemerdekaan Finansial Pensiun Dini
  • Kalkulator Bola Salju Hutang
  • Kalkulator Investasi
  • Kalkulator Pensiun
  • Kalkulator Gaji
  • Kalkulator Pengembalian Investasi

Hukum

  • Lihat semua
  • Kategori
  • Konverter Mata Uang
  • Peta Situs
  • Game & Alat Seru
  • Tentang Kami
  • Hubungi Kami
  • Kebijakan Privasi
  • Syarat Layanan
  • Penafian

Bahasa

  • enEnglish
  • arالعربية
  • esEspañol
  • deDeutsch
  • frFrançais
  • hiहिन्दी
  • idBahasa Indonesia
  • itItaliano
  • ja日本語
  • ko한국어
  • ptPortuguês
  • ruРусский
  • trTürkçe
  • viTiếng Việt
  • bnবাংলা
  • zh中文
  • nlNederlands
  • plPolski
  • ukУкраїнська
  • msBahasa Melayu
  • thภาษาไทย

© 2026 Calculora. Hak cipta dilindungi.

Dibuat dengan — 100% gratis

Ringan & cepat — cookie dan analitik hanya berjalan dengan persetujuan Anda

  1. Beranda
  2. Alat Developer
  3. Pratinjau Markdown

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.

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.

Rumus

# Heading → <h1>Heading</h1>
**bold** → <strong>bold</strong>
*italic* → <em>italic</em>
`code` → <code>code</code>
[text](url) → <a href="url">text</a>
- item → <ul><li>item</li></ul>

Cara Menghitung

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

Contoh

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

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

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

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

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

Kasus Penggunaan Umum

  • 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

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.

Alat Terkait

Kalkulator Rasio Aspek
Kalkulator Bandwidth
Kalkulator Waktu Pengunduhan
Kalkulator Biaya Hosting Cloud
Kalkulator Biaya CDN
Kalkulator Monetisasi Antarmuka Pemrograman Aplikasi

Hello World

Type markdown on the left and see it rendered here.

  • Live preview
  • No sign-up
  • Runs entirely in your browser
Nothing you type ever leaves your device.

console.log("code blocks work too")

Semuanya dirender secara lokal di browser Anda — apa pun yang Anda ketik tidak pernah dikirim ke mana pun.