วิธีเปรียบเทียบเอกสาร Markdown ด้วย Markdown Diff

วางเวอร์ชันก่อนและหลังของข้อความหรือเอกสาร Markdown ใดก็ได้ แล้วดูได้ชัดเจนว่ามีอะไรเปลี่ยนไปบ้างทีละบรรทัด ทุกอย่างทำงานในเบราว์เซอร์ของคุณ — ไม่ต้องใช้ git ไม่ต้องอัปโหลด ไม่ต้องมีบัญชี

ดูการเปลี่ยนแปลงระหว่างข้อความสองเวอร์ชันได้ทันที

Markdown Diff เปรียบเทียบข้อความดิบทีละบรรทัดและแสดง unified diff: บรรทัดที่เพิ่มเป็นสีเขียว บรรทัดที่ลบเป็นสีแดง และบรรทัดที่ไม่เปลี่ยนเป็นสีเทากลาง แถวสรุปจะนับจำนวนบรรทัดที่เปลี่ยนแปลง

ใช้ได้กับ release notes การแก้ไขข้อเสนอฉบับใหม่ ร่างที่ AI ช่วยแก้ไข หรือเอกสารใดก็ตามที่คุณมีสองสำเนาและต้องการดูว่าอะไรเปลี่ยนไปโดยไม่ต้องเปิด git หรือโปรแกรมเอกสาร

Markdown Diff with original and revised text in side-by-side panels
Paste the original on the left and the revised version on the right.

เปรียบเทียบสองเวอร์ชันได้ภายในหนึ่งนาที

  1. เปิด Markdown Diff
  2. วางข้อความ original ลงในแผงด้านซ้าย
  3. วางข้อความ revised ลงในแผงด้านขวา
  4. ตรวจดู unified diff ด้านล่าง — สีเขียวคือส่วนที่เพิ่ม สีแดงคือส่วนที่ลบ
  5. คลิก Copy diff เพื่อคัดลอก unified diff แบบข้อความล้วนสำหรับ email, Slack หรือคอมเมนต์ PR
Markdown Diff showing colour-coded unified diff with summary chips
The diff updates as you type. Summary chips show added, removed, and unchanged line counts.

งานที่เหมาะกับ browser diff

  • เปรียบเทียบข้อเสนอที่ลูกค้าแก้ไขกับร่างล่าสุดของคุณ
  • ตรวจดูว่า AI rewrite เปลี่ยนอะไรไปบ้างก่อนเผยแพร่
  • ตรวจการแก้ไข changelog หรือ release-note เมื่อไฟล์ไม่ได้อยู่ใน git
  • ตรวจคร่าว ๆ ไฟล์ Markdown สองไฟล์ที่ export จาก Notion, Docs หรือ CMS

เครื่องมือนี้เปรียบเทียบบรรทัดข้อความดิบ — ไม่ render รูปแบบ Markdown วิธีนี้ช่วยให้ diff อ่านง่ายเมื่อ pipe, hash และ asterisk อาจเพิ่ม noise

ถ้า diff ดูไม่เป็นไปตามที่คาด

  • ช่องว่างมีผล เว้นวรรคท้ายบรรทัดหรือบรรทัดว่างที่เพิ่มเข้ามาจะนับเป็นการเปลี่ยนแปลง
  • line endings จาก Windows (CRLF) กับ Mac/Linux (LF) อาจทำให้เห็น diff เล็ก ๆ จำนวนมาก — หากจำเป็น ให้ normalize ใน editor ก่อน
  • บล็อกที่ยาวมากแต่เป็นบรรทัดเดียวจะแสดงเป็นหนึ่งบรรทัดที่เปลี่ยนแปลง Word-level diff วางแผนไว้สำหรับเวอร์ชันในอนาคต
  • คลิก Load sample เพื่อดูตัวอย่างที่ใช้งานได้ โดยมีหนึ่งบรรทัดที่เปลี่ยนและหนึ่งบรรทัดที่เพิ่ม
Markdown Diff copy diff button with status confirmation
Copy diff puts a standard unified diff on your clipboard.

ทำงานเฉพาะในเบราว์เซอร์ของคุณ

ข้อความที่คุณวางจะอยู่บนอุปกรณ์ของคุณ Markdown Diff คำนวณ diff ด้วย JavaScript ภายในเบราว์เซอร์ ไม่มีสิ่งใดถูกส่งไปยังเซิร์ฟเวอร์ของ Tiny Design Shop