Parser Markdown

Parse dan pratinjau Markdown secara real-time. Mendukung tabel GFM, task list, strikethrough, dan lainnya. Semua pemrosesan dilakukan di browser Anda.

Pratinjau Langsung Dukungan GFM Pemrosesan di Sisi Klien

Pratinjau HTML akan muncul di sini...

Cara Menggunakan Parser Markdown

1

Tulis Markdown

Ketik atau tempel konten Markdown Anda di editor di sebelah kiri.

2

Pratinjau Langsung

Lihat output HTML yang dirender secara real-time di panel sebelah kanan.

3

Salin HTML

Salin HTML yang dihasilkan untuk digunakan di proyek Anda.

Apa itu Markdown?

Markdown adalah bahasa markup ringan yang dibuat oleh John Gruber pada tahun 2004. Markdown menggunakan sintaks pemformatan teks biasa yang dapat dikonversi ke HTML dan banyak format lainnya. Markdown banyak digunakan untuk dokumentasi, file README, postingan blog, dan platform perpesanan.

Sintaks yang Didukung

Judul (Heading)

H1 hingga H6 menggunakan sintaks #

Pemformatan Teks

Tebal, miring, strikethrough, kode inline

Daftar & Tabel

Daftar berurutan, tidak berurutan, task list, dan tabel GFM

Blok Kode

Blok kode berpagar dengan syntax highlighting

Pertanyaan yang Sering Diajukan

Apa itu GFM?

GFM (GitHub Flavored Markdown) adalah dialek Markdown yang digunakan oleh GitHub. GFM memperluas Markdown standar dengan fitur seperti tabel, task list, teks strikethrough, dan autolink.

Apakah mendukung syntax highlighting?

Parser ini merender blok kode berpagar. Untuk syntax highlighting penuh dengan warna, Anda dapat menggabungkannya dengan stylesheet CSS yang memberi gaya pada elemen kode.

Bisakah saya menggunakan ini untuk dokumentasi saya?

Bisa! Tulis Markdown Anda di editor, salin HTML yang dirender, dan gunakan di dokumentasi, blog, atau situs web Anda.

Apa perbedaan antara Markdown, CommonMark, dan GFM?

Markdown asli (2004) meninggalkan banyak kasus tepi tidak terdefinisi, sehingga implementasi saling berbeda. CommonMark adalah spesifikasi ketat yang menyelesaikannya; GFM (GitHub Flavored Markdown) adalah CommonMark plus ekstensi: tabel, task list, strikethrough, autolink, dan filter disallowed-raw-HTML. Tool ini merender GFM, sesuai dengan apa yang Anda lihat di GitHub.

Bagaimana cara menulis blok kode dan kode inline?

Bungkus kode inline dengan backtick tunggal. Blok berpagar memakai triple backtick dengan tag bahasa untuk syntax highlighting - misalnya ```python pada baris pembuka - atau indentasi setiap baris empat spasi (sintaks lama, yang berinteraksi buruk di dalam daftar). Triple tilde juga berfungsi sebagai pagar ketika kode Anda sendiri mengandung backtick.

Bisakah saya menyematkan HTML mentah di Markdown?

Bisa - tag HTML inline diteruskan ke output. Ekstensi disallowed-raw-HTML GFM hanya menghapus beberapa tag berbahaya (script, style, iframe, dan sejenisnya) saat filter diaktifkan. Dua catatan: HTML level blok membungkus konten yang di dalamnya sintaks Markdown berhenti diproses (baris kosong berpengaruh), dan Markdown yang dikirim pengguna apa pun harus disanitasi dari XSS di luar filter tag.

Bagaimana cara kerja tabel di GFM?

Baris yang dipisahkan pipe dengan baris pembatas tanda hubung di bawah header. Titik dua mengatur perataan: titik dua-strip di kiri berarti rata kiri (bawaan), titik dua di kedua ujung berarti rata tengah, strip-titik dua berarti rata kanan. Sel tidak boleh berisi elemen blok; escape pipe literal sebagai \|; dan pipe terluar pada setiap baris bersifat opsional. Tata letak yang lebih kompleks membutuhkan HTML mentah atau mesin dokumentasi.

Mengapa daftar atau item bersarang saya dirender dengan salah?

Penyebab yang lazim: indentasi tidak konsisten (item bersarang umumnya perlu sejajar dengan karakter pertama konten item induk), baris kosong yang hilang antara paragraf dan daftar, atau tab tercampur spasi. CommonMark menetapkan aturan pasti untuk semuanya. Mengonversi tab ke spasi dan menambahkan baris kosong di sekitar daftar memperbaiki sebagian besar bug nesting.

{-- * External Resources Component(#18 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}