QuickATools

เครื่องมือนักพัฒนา · Free browser tool

ตัวพรีวิว Markdown สด

เขียนและพรีวิวไวยากรณ์ Markdown แบบเรียลไทม์ เรนเดอร์ HTML สะอาดด้วยการแสดงผลทันทีโดยไม่มีการติดตามข้อมูลฝั่งเซิร์ฟเวอร์

Markdown editor

Split view · compact client-side parser · HTML is escaped before render.

Source

596 chars

Live preview

Markdown Live Previewer

Write GitHub-style notes, README drafts, or AI prompt guides and preview them instantly.

Why this helps

  • See headings, lists, and emphasis as you type
  • Check italics, bold, and strikethrough
  • Keep drafts private — nothing leaves your browser

Inline & block code

Use npm run build for a quick check, or a fenced block:

function greet(name: string) {
  return `Hello, ${name}!`;
}

Tip: Paste a README draft here before you push it.

Links

Read more about CommonMark when you need the full spec.

Frequently Asked Questions

Markdown คืออะไร และทำไมเอกสารจำนวนมากถึงใช้?

Markdown เป็นไวยากรณ์จัดรูปแบบข้อความธรรมดาที่ให้คุณเขียนเอกสารโครงสร้างด้วยเครื่องหมายง่ายๆ — # สำหรับหัวข้อ * หรือ - สำหรับรายการ **ตัวหนา** และบล็อกโค้ดแบบรั้ว — แล้วแปลงข้อความนั้นเป็น HTML มันยังอ่านได้ในรูปแบบดิบ diff สะอาดใน git และเป็นค่าเริ่มต้นสำหรับ README ของ GitHub เทมเพลตประเด็น และตัวสร้างไซต์สแตติกหลายตัว

ตัวพรีวิวนี้รองรับฟีเจอร์ Markdown ใดบ้าง?

ครอบคลุมชุดย่อยประจำวันที่ร่างส่วนใหญ่ต้องการ: หัวข้อ ATX (h1–h3) ย่อหน้า ตัวหนา/ตัวเอียง/ขีดทับ รายการไม่มีลำดับและมีลำดับ คำพูด โค้ดอินไลน์ บล็อกโค้ดแบบรั้ว เส้นแนวนอน และลิงก์ http(s)/mailto ตั้งใจให้กะทัดรัดแทนเอนจิน CommonMark/GFM เต็ม — ส่วนขยายขั้นสูงอย่างตารางหรือรายการงานอยู่นอกขอบเขตเพื่อให้บันเดิลเล็ก

พรีวิวสดช่วยผลิตภาพคอนเทนต์อย่างไร?

คุณจับรั้วที่พัง ระดับหัวข้อที่แปลก และการจัดรูปแบบรายการขณะเขียนแทนหลังคอมมิตหรือเผยแพร่ CMS การสลับระหว่าง Visual Preview และ HTML Source ยังช่วยเมื่อคุณต้องการมาร์กอัปที่เรนเดอร์แล้วสำหรับบล็อก CMS หรือเทมเพลตอีเมลโดยไม่ต้องเดาว่าแท็กจะซ้อนอย่างไร

ร่างของฉันถูกอัปโหลดหรือเก็บไว้ที่ไหนหรือไม่?

ไม่ การแยกวิเคราะห์และการเรนเดอร์ทำงานทั้งหมดในเบราว์เซอร์ HTML ดิบในอินพุตของคุณถูก escape ก่อนพรีวิวเพื่อให้แท็กที่วางไม่สามารถรันได้ และไม่มีอะไรถูกส่งไปเซิร์ฟเวอร์ — ทำให้ปลอดภัยกว่าสำหรับคู่มือรันบุ๊คภายใน ร่าง README ที่ยังไม่วางขาย และคู่มือพรอมต์ AI ที่ไม่ควรออกจากเครื่อง

เครื่องมือที่คุณอาจต้องการด้วย

สำรวจยูทิลิตี้ฟรีบนเบราว์เซอร์อื่นๆ สำหรับผู้ขาย ครีเอเตอร์ และมืออาชีพ

พรีวิวร่าง README และคู่มือพรอมต์โดยไม่ต้องออกจากเบราว์เซอร์

Markdown เป็นภาษาถิ่นค่าเริ่มต้นสำหรับ README ของ GitHub เทมเพลตประเด็น ร่างบล็อก และไลบรารีพรอมต์ AI — แต่ซอร์สอย่างเดียวแทบไม่แสดงว่าลำดับชั้นหัวข้ออ่านสะอาดหรือไม่ รั้วโค้ดปิดหรือไม่ หรือรายการจะเรนเดอร์ตามที่คาดหรือไม่ พรีวิวสดย่อการเดานั้น: พิมพ์ฝั่งหนึ่ง เห็น HTML โครงสร้างอีกฝั่ง และแก้การจัดรูปแบบก่อนคอมมิตหรือเผยแพร่

ตัวพรีวิวนี้ตั้งใจให้น้ำหนักเบา แทนการส่งเอนจิน Markdown ขนาดใหญ่ มันแปลงชุดย่อยไวยากรณ์ที่ใช้ได้จริง — หัวข้อ การเน้น รายการ คำพูด โค้ดอินไลน์และแบบรั้ว และลิงก์ที่ปลอดภัย — ด้วยพาร์เซอร์ฝั่งไคลเอนต์กะทัดรัด HTML ดิบในร่างของคุณถูก escape ก่อน ดังนั้นแท็ก <script> ที่วางไม่สามารถรันในแผงพรีวิว

เพราะทุกอย่างทำงานในเครื่อง เอกสารที่ยังไม่เสร็จ คู่มือรันบุ๊คภายใน และคู่มือพรอมต์ไม่เคยออกจากเครื่อง ไม่มีกำแพงบัญชีและไม่มีขั้นตอนอัปโหลด — เปิดเครื่องมือ วางร่าง สลับระหว่าง Visual Preview และ HTML Source แล้วคัดลอกมาร์กอัปที่เรนเดอร์หรือดาวน์โหลดไฟล์ .md

ใช้คู่กับยูทิลิตี้นักพัฒนาอื่น: ตรวจคอนทราสต์ลิงก์หรือหัวข้อในตัวตรวจสอบคอนทราสต์สี WCAG จัด front matter JSON ด้วยตัวจัดรูปแบบและตรวจ JSON หรือดีบัก regex เอกสารในตัวทดสอบ Regex สำหรับชิ้นส่วนที่เข้ารหัสในเอกสาร ใช้เข้ารหัส/ถอดรหัส Base64