ข้ามไปยังเนื้อหาหลัก

สร้างตาราง Markdown ฟรี

แก้ไขตาราง Markdown แบบ visual พร้อมการจัดตำแหน่งแต่ละคอลัมน์ นำเข้าจาก CSV หรือ TSV คัดลอกผลลัพธ์ GitHub-flavored Markdown

ใช้งานได้แบบออฟไลน์เมื่อโหลดแล้ว
นำเข้าจาก CSV, TSV หรือ Markdown
ตัวอย่าง
ชื่ออีเมลบทบาท
Alicealice@example.comผู้ดูแลระบบ
Bobbob@example.comบรรณาธิการ
Carolcarol@example.comผู้ชม
| ชื่อ  | อีเมล             |    บทบาท    |
| :---- | :---------------- | :---------: |
| Alice | alice@example.com | ผู้ดูแลระบบ |
| Bob   | bob@example.com   | บรรณาธิการ  |
| Carol | carol@example.com |    ผู้ชม    |

การใช้งานทั่วไป

  • สร้างตารางสำหรับไฟล์ README ของ GitHubGitHub แสดงตารางการลดราคาที่เป็นดั้งเดิม สร้างตารางเปรียบเทียบคุณสมบัติการอ้างอิง API หรือแผนที่ทางเป็นภาพ
  • ตารางเอกสาร API และอ้างอิงสร้างตารางพารามิเตอร์การอ้างอิงรหัสสถานะ และตารางคำจำกัดความช่องสำหรับเอกสาร API
  • สร้างตารางใน Obsidian / Notion / Logseqแอปบันทึกที่เน้น Markdown ทั้งหมดรองรับตาราง สร้างได้เร็วกว่าที่นี่มากกว่าในข้อความธรรมชาติ
  • เพิ่มตารางในโพสต์บล็อกการเปรียบเทียบราคาเมทริกซ์คุณสมบัติ และตารางอ้างอิงบทช่วยสอน — Markdown เป็นวิธีการน้อยที่สุดในการเพิ่มเติม
  • แปลง CSV เป็นตาราง Markdownวางข้อมูล CSV จากสเปรดชีต ได้ตาราง Markdown พร้อมสำหรับการวาง

วิธีการทำงาน

เครื่องมือนี้เป็นตัวแก้ไขตาราง Markdown ฝั่งไคลเอนต์ทั้งหมดที่สร้างด้วย JavaScript ที่เขียนขึ้นเอง — ไม่มีไลบรารีตารางภายนอก สร้างไวยากรณ์ตารางไปป์แบบ GitHub Flavored Markdown ในเบราว์เซอร์โดยตรง พร้อมการเติมความกว้างคอลัมน์สดและเครื่องหมายจัดแนวต่อคอลัมน์ และยังส่งออกข้อมูลเดียวกันเป็น HTML, CSV, JIRA wiki markup หรือตารางกริด reStructuredText ได้

  1. 1
    แก้ไขเซลล์ในตารางแบบภาพ
    ทุกหัวคอลัมน์และเซลล์เป็นช่องที่แก้ไขได้ ขณะพิมพ์ การอัปเดต React state จะเรียก useMemo ที่รันตัวสร้างใหม่ทันที แผงผลลัพธ์จึงรีเฟรชทุกการกดแป้นโดยไม่มีการหน่วง
  2. 2
    ตัวสร้างเติมช่องว่างและ escape ไวยากรณ์ GFM
    ฟังก์ชัน generateMarkdown ที่เขียนขึ้นเองวัดความกว้างเนื้อหาสูงสุดของทุกคอลัมน์ เติมช่องว่างให้แต่ละเซลล์เพื่อจัดแนว สร้างแถวตัวคั่นด้วยเครื่องหมาย :--- / ---: / :---: และ escape อักขระไปป์เป็น \| และบรรทัดใหม่เป็นองค์ประกอบ br ตารางจึงยังถูกต้องในตัวเรนเดอร์ Markdown ใดก็ได้
  3. 3
    นำเข้า CSV, TSV หรือตาราง Markdown ที่มีอยู่
    การวางลงในช่องนำเข้าจะเรียกตัวแยกวิเคราะห์ CSV/TSV ตาม RFC 4180 ที่เขียนขึ้นเอง (lib/csv.ts) หรือตัวแยกวิเคราะห์ตาราง Markdown ที่กำหนดเองซึ่งแบ่งแถวตามไปป์ที่ไม่ได้ escape และอ่านการจัดแนวจากแถวตัวคั่น ให้คุณนำตารางที่มีอยู่กลับเข้าตัวแก้ไขได้
  4. 4
    คัดลอกในรูปแบบที่คุณต้องการ
    การสลับแท็บรูปแบบผลลัพธ์จะรันตัวสร้างที่ตรงกัน (HTML พร้อมแอตทริบิวต์ style, CSV ตาม RFC 4180, JIRA wiki-markup พร้อมหัวคอลัมน์ || หรือตารางกริด reStructuredText พร้อมขอบ +---+) และปุ่มคัดลอกเขียนผลลัพธ์ลงคลิปบอร์ดผ่าน navigator.clipboard API มาตรฐาน

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

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