Log masuk

Pratonton Markdown

Pratonton Markdown sebagai HTML yang dipaparkan

Markdown
Pratonton

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

Apa jenis Markdown yang disokong?

Pratonton menggunakan parser `marked` yang dikonfigurasikan untuk Markdown Menyerupai GitHub (GFM): jadual dengan pemisah `|`, blok kod terkurung dengan penanda ``` dan petunjuk bahasa, pautan automatik untuk URL, kotak semak senarai tugas (`- [ ]`), dan teks yang dipotong dengan `~~text~~`.

Output HTML disanitasi sebelum dipaparkan, jadi menampal Markdown yang tidak dipercayai tidak dapat menyuntik tag skrip atau stylesheet ke dalam pelayar anda. Jika anda memerlukan output HTML mentah yang tidak disanitasi, gunakan parser khusus secara tempatan.

Kes penggunaan

  • Pratonton README sebelum commit — lihat bagaimana GitHub akan menjana tajuk, blok kod dan senarai.
  • Draf dokumentasi — tulis dokumen API dalam markdown dan pratonton format sebelum menampal ke Notion atau wiki.
  • Tulis catatan newsletter — tulis dalam markdown dan pratonton untuk Substack atau Beehiiv sebelum menampal.
  • Formatkan jawapan Stack Overflow — pratonton pagar kod, senarai dan pautan sebelum menghantar.

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>

Soalan yang sering ditanya

Apakah sambungan Markdown yang disokong?

Markdown Menyerupai GitHub: jadual, blok kod terkurung, pautan automatik, senarai tugas, teks yang dipotong. Nota kaki dan amaran tidak disokong.

Adakah HTML dibenarkan dalam Markdown?

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

Bolehkah saya mengeksport HTML yang dipaparkan?

Gunakan sumber pandangan pelayar anda atau DevTools untuk menyalin HTML yang dipaparkan. Klik kanan pratonton dan 'Lihat Sumber Bingkai' jika tersedia.

Adakah blok kod disorot sintaks?

Tidak — blok kod terkurung dipaparkan dengan gaya monospace tetapi tanpa penyorotan warna bahasa. Tambahkan pemproses Markdown seperti `markdown-it` + `highlight.js` secara tempatan untuk itu.

Adakah input dihantar ke pelayan?

Tidak. Pemprosesan dan pemaparan berlaku dalam pelayar anda.