โปรแกรมสร้างตารางแบบ Markdown

ตารางในรูปแบบ Markdown มีข้อกำหนดค่อนข้างเข้มงวด: หากขาดเครื่องหมายท่อ (|) หรือมีแถวแบ่งข้อมูลไม่สม่ำเสมอ ตารางทั้งหมดจะแสดงเป็นข้อความธรรมดาโดยอัตโนมัติ เครื่องมือนี้ให้กรอบภาพสำหรับพิมพ์ข้อมูล รองรับการวางข้อมูลจากไฟล์ CSV หรือ TSV จากสเปรดชีต และสร้างตาราง Markdown ที่มีการจัดเรียงคอลัมน์ตามลำดับเดียวกับในไฟล์ต้นฉบับ ทำให้การตรวจสอบความแตกต่างระหว่างไฟล์และการแก้ไขข้อผิดพลาดได้ง่ายขึ้นมาก

วิธีสร้างตารางด้วย Markdown

  1. 1

    เลือกแถวและคอลัมน์

    หรือให้แนบไฟล์ CSV/TSV แล้วเครื่องมือจะคำนวณมิติโดยอัตโนมัติ

  2. 2

    พิมพ์เนื้อหาในเซลล์

    คลิกที่แต่ละเซลล์ ใช้ปุ่ม Tab และปุ่มลูกศรเพื่อเลื่อนไปมาเหมือนในสเปรดชีต

  3. 3

    กำหนดการจัดแนวคอลัมน์

    วางไว้ทางซ้าย (ค่าเริ่มต้น) ตรงกลาง หรือทางขวาของแต่ละคอลัมน์ โดยอ้างอิงจากแถวหัวข้อ

  4. 4

    คัดลอกผลลัพธ์ของ Markdown

    เครื่องมือนี้จะปรับความกว้างของท่อให้เท่ากับความกว้างของคอลัมน์ เพื่อให้ผลลัพธ์ดูเรียบร้อย

ไวยากรณ์ตารางใน Markdown

ตารางพื้นฐาน:

| คอลัมน์ A | คอลัมน์ B | คอลัมน์ C |
|-----------|-----------|-----------|
| เซลล์ 1   | เซลล์ 2   | เซลล์ 3   |
| เซลล์ 4   | เซลล์ 5   | เซลล์ 6   |

การจัดแนวใช้เครื่องหมายทวิภาค (:) ในแถวที่ใช้แยกข้อมูล:

| ซ้าย | กึ่งกลาง | ขวา |
|:-----|:--------:|----:|
| a    | b        | c   |
  • :--- จัดชิดซ้าย
  • :---: จัดกึ่งกลาง
  • ---: จัดชิดขวา

สิ่งที่เครื่องมือทำให้คุณ

  • ปรับขนาดของแต่ละเซลล์ให้เท่ากับความกว้างของข้อมูลที่ยาวที่สุดในคอลัมน์ เพื่อให้เครื่องหมายท่อจัดเรียงตรงกันในไฟล์ต้นฉบับ ไม่มีผลต่อผลลัพธ์ที่แสดงผล, เพราะ Markdown จะละเว้นช่องว่างที่เกินมา, แต่ผู้อ่านที่ตรวจสอบความแตกต่าง (diff) จะขอบคุณคุณแน่นอน
  • หลีกเลี่ยง (escape) เครื่องหมายท่อภายในเซลล์เป็น \| เพื่อป้องกันไม่ให้เซลล์ที่มี a|b แยกออกเป็นสองคอลัมน์
  • ช่วยรักษาการจัดเรียงตำแหน่งให้คงที่เมื่อคุณเปลี่ยนความกว้างของคอลัมน์
  • รองรับการวางข้อมูลในรูปแบบ CSV และ TSV; สามารถตรวจจับฟิลด์ที่มีเครื่องหมายอ้างอิง และเครื่องหมายจุลภาคภายในเครื่องหมายอ้างอิงได้

ข้อผิดพลาดที่พบบ่อย

  • แถวแบ่งข้อมูลเป็นสิ่งจำเป็น ตารางในรูปแบบ Markdown ที่ไม่มีแถว |---|---| จะถูกแสดงเป็นข้อความธรรมดา
  • ไม่มีเซลล์ที่มีหลายบรรทัด แต่ละแถวคือหนึ่งบรรทัด หากต้องการหยุดแสดงข้อมูลภายในตาราง ให้ใส่ <br> เนื่องจากไม่รองรับการแยกบรรทัดด้วย Markdown ภายในเซลล์ตาราง
  • ห้ามใช้ตารางแบบซ้อนกัน หากจำเป็นควรใช้ HTML แทน
  • เซลล์ที่ว่าง ต้องมีช่องว่าง (หรืออย่างน้อยก็ควรมีคู่ของเครื่องหมายท่อที่ว่างเปล่า) โปรดหลีกเลี่ยงการใช้ || โดยตรง

เมื่อใดควรใช้ HTML แทน

หากคุณต้องการใช้ค่า colspan, rowspan เซลล์ที่มีหลายบรรทัด หรือคลาส CSS แบบกำหนดเอง ตารางใน HTML ถือเป็นเครื่องมือที่เหมาะสมที่สุด โดยโปรแกรมแปลงข้อความ Markdown ส่วนใหญ่สามารถรับโค้ดตาราง HTML ดิบได้โดยตรงในรูปแบบ inline

จุดที่ตารางใน Markdown ทำงานได้ดี

  • เอกสารแนะนำ (README) ของ GitHub, GitLab และ Gitea
  • คำอธิบายเกี่ยวกับปัญหาและประเด็นประชาสัมพันธ์
  • แอป Obsidian, Bear และแอปจดบันทึกส่วนใหญ่
  • Docusaurus, MkDocs และ Hugo ล้วนรองรับตาราง GFM

คำถามที่พบบ่อย

ไม่ใช้โดยค่าเริ่มต้น ให้ใช้ <br> เพื่อการแบ่งบรรทัดแบบในแนวเดียวกัน หากต้องการแสดงเนื้อหาหลายบรรทัดจริงๆ (เช่น บล็อกโค้ด หรือรายการภายในเซลล์) ให้ใช้ <table> แทน

GFM ไม่รองรับเซลล์ที่ถูกรวมเข้าด้วยกัน หากคุณต้องการใช้รหัส colspan หรือ rowspan ให้ใส่ข้อมูลในรูปแบบ HTML ภายในเอกสาร Markdown โดยทั่วไปโปรแกรมแสดงผลส่วนใหญ่จะประมวลผลรหัส <table> ได้โดยไม่มีการเปลี่ยนแปลง

ไม่ โค้ด HTML ที่แสดงผลจะเหมือนกันไม่ว่าคุณจะใช้การเติมข้อความหรือไม่ เพราะการเติมข้อความเป็นเพียงการตั้งค่าเพื่อความสะดวกในการอ่านในส่วนของต้นฉบับเท่านั้น

ใช่ การคัดลอกข้อมูลจากสเปรดชีตจะทำให้ข้อมูลในรูปแบบ TSV (tab-separated values) ถูกเก็บไว้ในคลิปบอร์ด โดยเครื่องมือสร้างจะตรวจจับรูปแบบ TSV และสร้างตารางในรูปแบบ Markdown ที่มีแถวและคอลัมน์เหมือนกัน

ให้เขียนเป็น \| จากนั้นโปรแกรมแปลงข้อมูลส่วนใหญ่จะแสดงเครื่องหมายท่อตามตัวอักษรโดยไม่ทำลายขอบเขตของคอลัมน์

เครื่องมือที่เกี่ยวข้อง

ตัวสร้างการตั้งค่า Webpack

สร้างไฟล์ webpack.config.js สำหรับ webpack 5 จากแบบฟอร์มสั้นๆ ตั้งค่า entry, โฟลเดอร์ output และ mode จากนั้นเปิด TypeScript, Babel, CSS loader, HtmlWebpackPlugin และ dev server

ตัวแปลง Timestamp

แปลง timestamp ของ Unix ในหน่วยวินาทีหรือมิลลิวินาทีเป็นวันที่ที่อ่านง่ายในเขตเวลา UTC และเขตเวลาหลัก และแปลงวันที่กลับเป็นค่า epoch

ตารางอ้างอิง ASCII

ตาราง ASCII ครบตั้งแต่ 0 ถึง 127 พร้อมค่าเลขฐานสิบ ฐานสิบหก ฐานแปด ฐานสอง และรูปแบบการอ้างอิงอักขระแบบตัวเลขของ HTML รวม NUL, LF และ DEL

เครื่องสุ่มที่อยู่

สร้างระเบียนคล้ายที่อยู่ 1–20 รายการสำหรับแบบจำลองและการทดสอบ ด้วยรูปแบบประเทศแบบย่อ

ตัวลดรูปพีชคณิตบูลีน

ประเมินนิพจน์บูลีนสำหรับทุกชุดอินพุตและดูตารางค่าความจริงที่สมบูรณ์ รองรับตัวแปรสูงสุดห้าตัวและตัวดำเนินการ &, |, !, ^

ตัวสร้างลูกศร CSS

สร้างลูกศร CSS ในเบราว์เซอร์ด้วยทิศทาง สี ขนาด และความหนาของเส้นขอบ แล้วคัดลอกกฎ.

เครื่องมือนี้มีให้บริการในภาษาอื่น