DevToolPal
ไทย

พรีวิว Markdown

เขียน Markdown แล้วดูผลลัพธ์แบบเรียลไทม์ด้วย GitHub Flavored Markdown จากนั้นคัดลอก HTML ไปใช้ได้ทันที

ทำงานในเครื่อง ไม่มีการอัปโหลด

ตัวเลือก

แสดง

Markdown

0 ตัวอักษร · 0 B

พรีวิว

ผลลัพธ์จะแสดงที่นี่

เครื่องมือนี้ทำอะไร

พรีวิว Markdown คือตัวแก้ไข Markdown แบบเรียลไทม์ พิมพ์ทางซ้ายแล้วดูผลลัพธ์ที่เรนเดอร์แล้วทางขวาขณะเขียน ทั้งหัวข้อ รายการ ลิงก์ รูปภาพ ตาราง บล็อกโค้ด และข้อความอ้างอิง เหมาะสำหรับร่าง README, release notes, บทความบล็อก หรือเอกสารก่อน commit และสำหรับตรวจดูว่าตารางที่ซับซ้อนหรือรายการซ้อนกันจะแสดงผลอย่างไร

สลับมุมมองเป็น HTML เพื่อดูมาร์กอัปที่สร้างขึ้น จากนั้นคัดลอก หรือดาวน์โหลดเป็นหน้า HTML ฉบับสมบูรณ์พร้อมสไตล์พื้นฐาน

วิธีใช้งาน

  1. พิมพ์หรือวาง Markdown ลงในช่องอินพุต ลากไฟล์ .md มาวาง หรือคลิก ตัวอย่าง
  2. พรีวิวจะอัปเดตขณะพิมพ์ บรรทัดด้านบนแสดงจำนวนคำ หัวข้อ และลิงก์
  3. เลือก พรีวิว เพื่อดูหน้าที่เรนเดอร์แล้ว หรือ HTML เพื่อดูมาร์กอัป
  4. ใช้ คัดลอก HTML เพื่อนำผลลัพธ์ไปวางใน CMS หรืออีเมล หรือ ดาวน์โหลด HTML เพื่อได้ไฟล์ที่ใช้งานได้ในตัว

สรุปไวยากรณ์ Markdown

สิ่งที่พิมพ์สิ่งที่ได้
# Titleหัวข้อระดับ 1 (## สำหรับระดับ 2 ไปจนถึง ######)
**bold** และ _italic_ตัวหนา และ ตัวเอียง
[text](https://example.com)ลิงก์
![alt](image.png)รูปภาพ
- 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 ของเบราว์เซอร์นี้ เพื่อให้ยังอยู่หลังรีโหลดหน้า ข้อมูลไม่เคยถูกอัปโหลด และคุณล้างได้ด้วยปุ่ม ล้าง