Editor Markdown Gratis
Tulis Markdown dengan pratinjau HTML langsung.
Cara menggunakan
- Ketik atau tempel teks Markdown di panel kiri. Panel kanan menampilkan pratinjau HTML langsung.
- Gunakan tombol toolbar untuk dengan cepat memasukkan pemformatan (tebal, miring, heading, tautan, dll.).
- Lihat jumlah kata, karakter, dan baris di bawah editor.
- Unduh Markdown Anda sebagai file .md atau salin keluaran HTML.
Pertanyaan umum
Apakah editor ini mendukung sintaks Markdown standar?
Ya. Mendukung heading, tebal, miring, tautan, gambar, blok kode, daftar, kutipan, dan garis horizontal. Parser Markdown sederhana melakukan rendering ke HTML secara real-time.
Bisakah saya menyimpan pekerjaan saya?
Editor secara otomatis menyimpan teks Anda di memori browser saat Anda mengeditnya. Gunakan Unduh .md untuk menyimpannya sebagai file di komputer Anda.
Bagaimana cara menyisipkan tautan atau gambar?
Gunakan tombol toolbar. Untuk tautan, ketik [teks](url). Untuk gambar, gunakan . Pratinjau diperbarui seketika.
Sejarah singkat Markdown
Markdown dibuat pada Maret 2004 oleh John Gruber, penulis di balik Daring Fireball, dengan kolaborasi signifikan dari Aaron Swartz (polimater yang kemudian ikut mendirikan Reddit dan ikut menulis spec RSS 1.0). Tujuan desain yang dinyatakan (ditulis ke halaman sintaks asli) adalah «membuatnya semudah mungkin dibaca». Gruber menginginkan format teks biasa yang dapat diterbitkan apa adanya, terlihat natural di terminal atau editor teks biasa tanpa rendering sama sekali. Format ini memformalkan apa yang sudah dilakukan orang dalam email teks biasa dan posting Usenet: *asterisks for emphasis*, > for quoted text, baris kosong antar paragraf.
Nama ini merupakan permainan kata dari «markup language», Markdown begitu ringan sehingga ia «marks down» alih-alih marking up. Inti filosofis yang membedakannya dari HTML: sumber HTML untuk mesin, sumber Markdown untuk manusia. File .md seharusnya nyaman dibaca di terminal tanpa rendering yang diterapkan.
Halaman sintaks asli Gruber membiarkan banyak kasus tepi ambigu, dan sepanjang akhir tahun 2000-an setiap proyek yang membutuhkan parser Markdown menulis miliknya sendiri, membuat keputusan berbeda tentang bagian yang tidak ditentukan. Pada awal 2010-an file .md yang sama dirender berbeda terlihat di Reddit, GitHub, Stack Overflow, dan blog Jekyll. Pada 2014, sebuah kelompok kerja yang mencakup Jeff Atwood (Stack Overflow, Discourse), John MacFarlane (Pandoc), dan insinyur dari GitHub, Reddit, dan Meteor menghasilkan spec yang ketat, awalnya disebut «Standard Markdown,» diubah namanya menjadi CommonMark setelah Gruber keberatan. CommonMark menerbitkan prosa yang dapat dibaca manusia dan rangkaian uji yang dapat dibaca mesin dengan 600+ uji kasus tepi; versi saat ini adalah 0.31.2 (Januari 2024). GitHub, GitLab, Reddit, Stack Overflow, Discourse, dan puluhan bahasa pemrograman kini mengklaim kesesuaian.
Sintaks umum
Ini adalah sintaks yang berfungsi di hampir setiap varian Markdown, baseline praktis yang didukung editor ini.
| Apa yang Anda inginkan | Cara menulisnya |
|---|---|
| Heading | # H1 hingga ###### H6 |
| Tebal / miring | **bold** · *italic* · ***both*** |
| Kode inline | `code` |
| Blok kode | Dipagari dengan tiga backtick; tag bahasa opsional untuk penyorotan sintaks |
| Daftar tak berurutan | - item (atau * atau +) |
| Daftar berurutan | 1. first: angka aktual biasanya tidak penting |
| Tautan | [text](https://example.com) |
| Gambar | : alt text penting untuk aksesibilitas |
| Blockquote | > quoted text |
| Aturan horizontal | --- pada baris tersendiri |
Dua gotcha umum: satu newline tidak membuat jeda baris: Anda perlu baris kosong untuk paragraf baru, atau dua spasi trailing sebelum newline (atau dalam GFM, backslash) untuk jeda baris yang dipaksakan di dalam paragraf. Dan Markdown adalah superset HTML: tag HTML inline apa pun melewati ke keluaran yang dirender, yang terkadang berguna dan terkadang menjadi risiko keamanan.
GitHub Flavored Markdown dan varian lainnya
GFM adalah superset CommonMark milik GitHub. Ia menambahkan tabel (baris yang dibatasi pipa dengan pemisah tanda hubung), item daftar tugas (- [ ] tidak dicentang, - [x] dicentang), strikethrough (~~text~~), deteksi URL otomatis, dan filter «raw HTML yang dilarang» yang menghapus tag berbahaya. GitHub sendiri juga merender beberapa ekstra non-spec, shortcode emoji (:tada:), @mentions, autolink isu #123, callout peringatan (> [!NOTE]), bagian <details> yang dapat dilipat, tetapi ini adalah fitur render GitHub bukan bagian dari spec GFM.
Varian lain yang akan Anda temui:
- Pandoc Markdown: menambahkan blok metadata, footnote, daftar definisi, matematika (
$...$LaTeX), kutipan. Versi universal-dokumen «pisau lipat swiss army». - MultiMarkdown dan Markdown Extra: varian yang diperluas lebih awal yang mempengaruhi sintaks tabel GFM.
- R Markdown: membungkus Markdown di sekitar potongan kode R atau Python yang dapat dieksekusi; merender ke HTML/PDF/Word melalui Pandoc.
- MDX: Markdown ditambah JSX. Digunakan dalam dokumentasi berbasis React (Docusaurus, Next.js MDX).
- Discord menggunakan subset yang disengaja; Slack menggunakan varian yang sengaja tidak standar yang disebut «mrkdwn» dengan bold satu-tanda-bintang dan italic satu-garis-bawah. Menempelkan Markdown standar ke Slack memberikan hasil yang mengejutkan.
Di mana Markdown hidup
Hampir di mana saja developer menulis teks:
- Hosting kode: setiap README, isu, dan komentar PR GitHub; sama di GitLab, Bitbucket, Codeberg, Gitea.
- Q&A dan forum: Stack Overflow, Stack Exchange, Reddit, Discourse.
- Pencatatan: Obsidian, Joplin, dan Logseq menggunakan Markdown secara native. Notion dan Bear mengekspor ke dalamnya.
- Generator situs statis: Jekyll (Ruby, Kramdown), Hugo (Go, Goldmark), Eleventy (Node, markdown-it), Docusaurus, MkDocs, Astro.
- Alat dokumentasi: JSDoc, TypeDoc, Rustdoc (Rust menggunakan CommonMark untuk komentar doc
///), Sphinx via MyST. - Chat modern: Mattermost, Zulip, Element/Matrix semuanya menggunakan Markdown untuk pemformatan pesan.
Markdown juga merupakan tipe media IETF terdaftar (text/markdown, RFC 7763, Maret 2016) dengan parameter variant (GFM, CommonMark, MultiMarkdown, dll.) sehingga penerima tahu varian mana yang diterapkan. Ekstensi file umum: .md jauh yang paling populer, ditambah .markdown, .mdown, .mkdn, .mkd.
Catatan tentang parser editor ini
Halaman ini menggunakan parser Markdown yang disederhanakan yang mencakup subset umum di atas, heading, tebal dan miring, tautan, gambar, kode berpagar, daftar, blockquote, dan aturan horizontal. Ini bukan implementasi CommonMark atau GFM penuh dan mungkin tidak menangani setiap kasus tepi (daftar bersarang dalam dengan peluru campuran, kelanjutan baris malas, definisi referensi tautan di seluruh dokumen). Untuk kesesuaian CommonMark yang kritis, parser khusus seperti marked.js, markdown-it, atau commonmark.js adalah pilihan yang tepat, dan untuk rendering produksi Markdown yang tidak tepercaya, saring keluaran parser melalui sanitiser seperti DOMPurify untuk mencegah XSS melalui HTML inline.
Kapan Anda akan menggunakan ini
- Membuat draf README GitHub dengan preview langsung sebelum ditempel ke repo.
- Menulis posting blog untuk situs Jekyll, Hugo, Ghost, atau Eleventy yang file sumbernya berekstensi
.md. - Membuat prototipe catatan Notion atau Obsidian saat Anda tidak ingin membuka aplikasi desktop.
- Mengonversi snippet cepat ke HTML untuk disematkan di CMS, email, atau kanvas Slack.
- Mempelajari sintaks Markdown: preview langsung langsung menunjukkan apa yang dilakukan setiap karakter.
- Membuat draf konten sensitif: editor menyimpan otomatis ke
localStoragebrowser Anda, sehingga klausul kontrak sensitif atau pengumuman pra-peluncuran tidak pernah meninggalkan perangkat Anda.
Pertanyaan lainnya
Mengapa satu jeda baris tidak membuat baris baru?
Secara desain. Markdown menciutkan newline tunggal menjadi paragraf yang berlanjut karena formatnya dimaksudkan terlihat natural sebagai teks biasa, pembaca membungkus pada lebar sembarang di editor mereka tanpa merusak keluaran yang dirender. Untuk memaksa jeda baris di dalam paragraf, akhiri baris dengan dua spasi trailing (konvensi Markdown asli) atau, dalam GFM, backslash. Untuk paragraf baru, tinggalkan baris kosong di antara keduanya.
Bisakah saya menggunakan HTML di dalam Markdown?
Ya, Markdown adalah superset HTML. Tag inline seperti <span>, <a>, <sub>, dan <sup> melewati ke keluaran yang dirender, dan sintaks Markdown di dalamnya tetap dikenali. HTML level blok (<div>, <table>) perlu dipisahkan dari Markdown sekitarnya dengan baris kosong, dan Markdown tidak diproses di dalam blok. Gunakan ini untuk hal-hal yang tidak dapat diekspresikan Markdown secara native: dimensi gambar (<img width="…">), chip keyboard (<kbd>), atau bagian yang dapat dilipat (<details>).
Bagaimana dengan tabel, footnote, dan daftar tugas?
Ketiganya adalah ekstensi GFM, bukan bagian dari spec Markdown asli. Tabel menggunakan baris yang dibatasi pipa dengan baris pemisah tanda hubung di bawahnya; parser yang disederhanakan pada halaman ini mungkin merendernya sebagai teks biasa. Footnote ([^1] referensi dan [^1]: definition definisi) adalah fitur render GitHub di luar spec GFM yang tepat. Daftar tugas (- [ ] dan - [x]) ada dalam GFM. Untuk cakupan penuh ini, tempel file Anda ke renderer yang sesuai CommonMark+GFM seperti preview GitHub itu sendiri.
Mengapa alt text diperlukan pada gambar?
Karena alt text adalah yang diumumkan screen reader saat menemukan gambar, itu adalah kait aksesibilitas utama untuk pembaca dengan gangguan penglihatan.  secara teknis valid Markdown tetapi tidak berguna bagi screen reader;  benar-benar deskriptif. Melewatkan alt text atau mengisinya dengan nama file adalah salah satu kegagalan aksesibilitas paling umum di konten web.
Apakah ada yang dikirim ke server?
Tidak. Editor mem-parse Markdown ke HTML di browser, preview langsung diperbarui secara lokal, dan penyimpanan otomatis menggunakan localStorage browser Anda: penyimpanan privat kecil di perangkat Anda. Tidak ada yang meninggalkan halaman. Editor bekerja secara offline setelah dimuat.