เครื่องมือนี้ทำอะไร
พรีวิว Markdown คือตัวแก้ไข Markdown แบบเรียลไทม์ พิมพ์ทางซ้ายแล้วดูผลลัพธ์ที่เรนเดอร์แล้วทางขวาขณะเขียน ทั้งหัวข้อ รายการ ลิงก์ รูปภาพ ตาราง บล็อกโค้ด และข้อความอ้างอิง เหมาะสำหรับร่าง README, release notes, บทความบล็อก หรือเอกสารก่อน commit และสำหรับตรวจดูว่าตารางที่ซับซ้อนหรือรายการซ้อนกันจะแสดงผลอย่างไร
สลับมุมมองเป็น HTML เพื่อดูมาร์กอัปที่สร้างขึ้น จากนั้นคัดลอก หรือดาวน์โหลดเป็นหน้า HTML ฉบับสมบูรณ์พร้อมสไตล์พื้นฐาน
วิธีใช้งาน
- พิมพ์หรือวาง Markdown ลงในช่องอินพุต ลากไฟล์
.mdมาวาง หรือคลิก ตัวอย่าง - พรีวิวจะอัปเดตขณะพิมพ์ บรรทัดด้านบนแสดงจำนวนคำ หัวข้อ และลิงก์
- เลือก พรีวิว เพื่อดูหน้าที่เรนเดอร์แล้ว หรือ HTML เพื่อดูมาร์กอัป
- ใช้ คัดลอก HTML เพื่อนำผลลัพธ์ไปวางใน CMS หรืออีเมล หรือ ดาวน์โหลด HTML เพื่อได้ไฟล์ที่ใช้งานได้ในตัว
สรุปไวยากรณ์ Markdown
| สิ่งที่พิมพ์ | สิ่งที่ได้ |
|---|---|
# Title | หัวข้อระดับ 1 (## สำหรับระดับ 2 ไปจนถึง ######) |
**bold** และ _italic_ | ตัวหนา และ ตัวเอียง |
[text](https://example.com) | ลิงก์ |
 | รูปภาพ |
- item หรือ 1. item | รายการแบบจุดหรือแบบลำดับเลข |
- [ ] todo | ช่องทำเครื่องหมายในรายการงาน (GFM) |
`code` | โค้ดในบรรทัด |
```js อยู่บรรทัดของตัวเอง | บล็อกโค้ดแบบ fenced พร้อมระบุภาษา |
> quote | บล็อกข้อความอ้างอิง |
--- | เส้นคั่นแนวนอน |
ตารางใช้เครื่องหมาย pipe และแถวคั่น: | a | b | ตามด้วย | --- | --- | ตารางเป็นส่วนขยายของ GitHub Flavored Markdown ไม่ได้อยู่ใน CommonMark จึงแสดงเป็นตารางเฉพาะเมื่อเปิด GitHub Flavored Markdown อยู่ ถ้าปิดจะแสดงเป็นข้อความธรรมดาที่มีเครื่องหมาย pipe
ตัวอย่าง
## Highlights
- [x] Tables and task lists
- ~~Old API~~ removed
จะเรนเดอร์เป็นหัวข้อระดับสอง ตามด้วยรายการงานที่ทำเครื่องหมายแล้ว และบรรทัดที่ถูกขีดฆ่า
คำถามที่พบบ่อย
› รองรับไวยากรณ์ Markdown แบบไหนบ้าง?
รองรับ CommonMark พร้อม GitHub Flavored Markdown ได้แก่ ตาราง รายการงาน (task list) ขีดฆ่าข้อความ บล็อกโค้ดแบบ fenced และลิงก์อัตโนมัติ ปิด GFM ได้หากต้องการดูว่าตัวเรนเดอร์ CommonMark แบบเคร่งครัดจะแสดงข้อความของคุณอย่างไร
› วาง Markdown ที่มี HTML ปนอยู่ได้อย่างปลอดภัยไหม?
ได้ Markdown อนุญาตให้ใส่ HTML ดิบได้ พรีวิวจึงแสดงในเฟรมแบบ sandbox ที่สคริปต์ไม่สามารถทำงานได้ แต่ HTML ที่คุณคัดลอกไปจะไม่ถูก sanitize ดังนั้นควรทำความสะอาดก่อนนำเนื้อหาที่ไม่น่าเชื่อถือไปเผยแพร่บนเว็บไซต์ของคุณ
› ทำไมการขึ้นบรรทัดใหม่ครั้งเดียวจึงไม่ขึ้นบรรทัดใหม่จริง?
ใน Markdown มาตรฐาน การขึ้นบรรทัดใหม่ครั้งเดียวจะถูกมองเป็นช่องว่าง และบรรทัดว่างจะเริ่มย่อหน้าใหม่ เปิด "ขึ้นบรรทัดใหม่เป็น <br>" เพื่อให้ทุกการขึ้นบรรทัดใหม่แสดงเป็นการตัดบรรทัด เหมือนที่ GitHub ทำในคอมเมนต์
› ข้อความของฉันถูกบันทึกไว้หรือไม่?
อินพุตล่าสุดของคุณถูกเก็บไว้ใน local storage ของเบราว์เซอร์นี้ เพื่อให้ยังอยู่หลังรีโหลดหน้า ข้อมูลไม่เคยถูกอัปโหลด และคุณล้างได้ด้วยปุ่ม ล้าง