Masuk

Pratinjau Markdown

Pratinjau Markdown sebagai HTML yang dirender

Markdown
Pratinjau

Hello, Markdown

A quick bold word and some italics.

  • Bullet one
  • Bullet two
    • Nested
  • Bullet three
const greeting = 'hello world';
console.log(greeting);

Block quotes work too.

Col A Col B
1 2
3 4

Link

Jenis Markdown apa yang didukung?

Pratinjau menggunakan parser `marked` yang dikonfigurasi untuk Markdown Mirip GitHub (GFM): tabel dengan pemisah `|`, blok kode terkurung dengan penanda ``` dan petunjuk bahasa, tautan otomatis untuk URL, kotak centang daftar tugas (`- [ ]`), dan coretan dengan `~~teks~~`.

Output HTML disanitasi sebelum dirender, jadi menempelkan Markdown yang tidak tepercaya tidak dapat menyuntikkan tag skrip atau stylesheet ke dalam browser Anda. Jika Anda memerlukan output HTML mentah yang tidak disanitasi, gunakan parser khusus secara lokal.

Kasus penggunaan

  • Pratinjau README sebelum melakukan commit — lihat bagaimana GitHub akan merender judul, blok kode, dan daftar.
  • Draf dokumentasi — tulis dokumen API dalam markdown dan pratonton format sebelum menempel ke Notion atau wiki.
  • Susun pos buletin — tulis dalam markdown dan pratonton untuk Substack atau Beehiiv sebelum menempel.
  • Format jawaban Stack Overflow — pratonton batas kode, daftar, dan tautan sebelum mengirim.

Contoh

Headings and emphasis
Input
# Title

**bold** and *italic* text.

- list item
- another
Output
<h1>Title</h1>
<p><strong>bold</strong> and <em>italic</em> text.</p>
<ul><li>list item</li><li>another</li></ul>

Pertanyaan yang sering diajukan

Ekstensi Markdown mana yang didukung?

Markdown Mirip GitHub: tabel, blok kode terkurung, tautan otomatis, daftar tugas, coretan. Catatan kaki dan peringatan tidak didukung.

Apakah HTML diizinkan di dalam Markdown?

Ya, tetapi output disanitasi — `<script>`, `<style>`, dan atribut on-event dihapus sebelum dirender.

Bisakah saya mengekspor HTML yang dirender?

Gunakan tampilan-sumber atau DevTools browser Anda untuk menyalin HTML yang dirender. Klik kanan pada pratonton dan 'Lihat Sumber Frame' jika tersedia.

Apakah blok kode diberi penyorotan sintaks?

Tidak — blok kode terkurung dirender dengan gaya monospace tetapi tanpa penyorotan warna bahasa. Tambahkan pemroses Markdown seperti `markdown-it` + `highlight.js` secara lokal untuk itu.

Apakah input dikirim ke server?

Tidak. Parsing dan rendering terjadi di browser Anda.