Apa itu Editor Markdown?

Editor panel terbagi dengan pratinjau HTML instan. Mendukung GitHub Flavored Markdown: tabel, daftar tugas, blok kode dengan syntax highlighting. Ekspor sebagai HTML atau salin output yang dirender.

Render memakai parser bergaya GitHub yang mendukung blok kode fenced dengan petunjuk bahasa (javascript, python, css, dan sebagainya), daftar tugas berstatus kotak centang, tabel pipa, catatan kaki, dan strikethrough. Toolbar menyisipkan sintaksis untuk judul, tebal, miring, tautan, gambar, kode, dan tabel pada posisi kursor. Ekspor menghasilkan berkas HTML mandiri dengan CSS tertanam, siap untuk dilampirkan atau diunggah.

Cara menggunakan

  1. Tulis atau tempel konten Markdown Anda di panel editor kiri — pratinjau diperbarui secara real-time di sebelah kanan.
  2. Gunakan toolbar untuk pemformatan cepat: bold, italic, heading, tautan, gambar, blok kode, dan tabel.
  3. Ekspor dokumen Anda sebagai HTML bersih, salin pratinjau yang dirender, atau unduh file Markdown mentah.

Kapan menggunakan

  • Menulis README atau panduan kontribusi sambil melihat tampilan akhirnya tampil saat mengetik.
  • Menyusun artikel blog dalam Markdown sebelum menempel HTML-nya ke CMS yang tidak punya editor Markdown.
  • Merapikan catatan rapat — judul untuk tiap bagian, daftar tugas untuk tindakan, tabel untuk keputusan.

Hasil

Anda menulis README sebuah proyek — menambahkan heading, daftar fitur, blok kode dengan highlighting JavaScript, dan tabel instalasi. Pratinjau menampilkan hasil saat Anda mengetik, dan Anda bisa mengekspor HTML akhir.

FAQ

Apakah ada sorotan sintaksis di dalam blok kode?
Ada. Blok kode fenced bisa diberi pengenal bahasa setelah backtick pembuka (```javascript, ```python, ```bash, dan seterusnya), lalu pratinjau menerapkan gaya highlight.js. Bahasa yang tidak dikenal atau dibiarkan kosong tampil sebagai teks monospasi tanpa warna.
Apakah Markdown saya tersimpan saat halaman dimuat ulang?
Ya. Setiap ketikan tersimpan otomatis di perangkat Anda, dan drafnya dipulihkan saat Anda membuka halaman lagi — bahkan setelah memuat ulang atau menutup tab tanpa sengaja. Sebuah notifikasi kecil akan muncul saat draf yang tersimpan berhasil dimuat. Tekan Atur Ulang (atau kosongkan editor) untuk menghapus salinan yang tersimpan.
Bisakah saya menempel tangkapan layar langsung ke editor?
Bisa. Tempel gambar atau tangkapan layar, dan ia langsung tertanam di dokumen sebagai URL data base64, dengan sintaksis gambar Markdown disisipkan di kursor. Satu catatan: URL data membuat berkas jadi besar dan kebanyakan platform (termasuk README GitHub) tidak menampilkannya, jadi untuk sesuatu yang akan kamu bagikan sebaiknya unggah gambar ke hosting lalu tempel tautannya ke ![alt](https://...) agar sumbernya tetap ringkas.
Apa beda mengekspor HTML dan menyalin pratinjau yang sudah dirender?
Ekspor HTML menghasilkan dokumen lengkap dengan <html>, <head>, CSS tertanam, dan konten Anda di dalam <body>. Menyalin pratinjau hanya memberikan potongan HTML bagian dalam, cocok untuk CMS yang sudah membungkus konten dengan templat sendiri.
Kenapa satu pemutus baris tidak muncul di pratinjau?
Markdown standar menganggap pemutus baris tunggal di dalam paragraf sebagai pembungkus lunak, jadi tidak tampak. Untuk memaksanya, tambahkan dua spasi di akhir baris atau biarkan satu baris kosong untuk paragraf baru. GitHub dan kebanyakan generator situs statis berperilaku sama.

Alat terkait