CSV เป็นตาราง HTML/MediaWiki

แปลง CSV เป็นตารางที่เข้ากันได้กับ HTML หรือ MediaWiki

เกี่ยวกับ CSV เป็นตาราง HTML/MediaWiki

หน้าเว็บและวิกิต้องการตารางในรูปแบบมาร์กอัปของตัวเอง เช่น องค์ประกอบ HTML <table> สำหรับเว็บไซต์หรืออีเมล และไวยากรณ์ wikitable สำหรับ Wikipedia, Fandom หรือ MediaWiki ภายในองค์กร ตัวแปลงนี้สร้างทั้งสองแบบจาก CSV เดียวกันขณะที่คุณพิมพ์ โดยแถวแรกจะกลายเป็นเซลล์หัวตาราง คุณเพียงแค่เลือกแท็บแล้วคัดลอก

วาง CSV สลับระหว่างแท็บ HTML และ MediaWiki แล้วคัดลอกโค้ด การแปลงเกิดขึ้นแบบเรียลไทม์ในเบราว์เซอร์ของคุณและไม่มีการอัปโหลดใด ๆ

วิธีใช้ CSV เป็นตาราง HTML/MediaWiki ทีละขั้นตอน

  1. วาง CSV ที่คั่นด้วยจุลภาคลงในกล่องข้อมูลนำเข้า โค้ดตารางจะถูกสร้างขึ้นอัตโนมัติขณะที่คุณพิมพ์
  2. เลือกแท็บ HTML สำหรับ <table class="table"> ที่มี thead และ tbody หรือแท็บ MediaWiki สำหรับบล็อก {| class="wikitable" |}
  3. คลิก "คัดลอก" แล้ววางโค้ดลงในหน้าเว็บ เทมเพลต หรือโปรแกรมแก้ไขวิกิของคุณ

ตัวอย่างข้อมูลเข้าและผลลัพธ์

ข้อมูลเข้า

name,city
Ana,Madrid
Luis,Sevilla

ผลลัพธ์

HTML:
<table class="table">
  <thead>
    <tr>
        <th>name</th>
        <th>city</th>
    </tr>
  </thead>
  <tbody>
    <tr>
        <td>Ana</td>
        <td>Madrid</td>
    </tr>
    ...

MediaWiki:
{| class="wikitable"
|-
! name !! city
|-
| Ana || Madrid
|-
| Luis || Sevilla
|}

ทำไมต้องใช้ CSV เป็นตาราง HTML/MediaWiki ของเรา?

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

ข้อจำกัดและเคล็ดลับ

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

ไวยากรณ์ตาราง MediaWiki คืออะไร?

ตารางเริ่มต้นด้วย {| และจบด้วย |} แถวคั่นด้วย |- เซลล์หัวตารางเริ่มด้วย ! (หรือ !! เมื่ออยู่บรรทัดเดียวกัน) และเซลล์ปกติเริ่มด้วย | (หรือ || เมื่ออยู่บรรทัดเดียวกัน) แอตทริบิวต์ class="wikitable" จะใช้สไตล์ตารางวิกิเริ่มต้น

ผลลัพธ์ HTML มีการจัดสไตล์มาให้ด้วยหรือไม่?

ไม่มีการเพิ่ม inline style ใด ๆ ตารางมีคลาส class="table" และส่วน thead กับ tbody เชิงความหมาย คุณจึงสามารถจัดสไตล์ด้วย CSS เองหรืออาศัยเฟรมเวิร์กอย่าง Bootstrap ที่รู้จักคลาสนี้

ฉันใช้เครื่องมือนี้กับ Confluence หรือ Notion ได้ไหม?

Confluence และ Notion ไม่รองรับการวาง HTML หรือมาร์กอัปวิกิแบบดิบ สำหรับเครื่องมือเหล่านี้ ให้ใช้ตัวแปลง CSV to Markdown แทน เพราะทั้งสองรองรับการวางตาราง Markdown เป็นข้อความ

ตาราง HTML กับ MediaWiki ต่างกันอย่างไร?

ทั้งสองอธิบายตารางแบบเดียวกัน แต่แท็ก HTML ถูกอ่านโดยเบราว์เซอร์ทุกที่ ในขณะที่มาร์กอัป MediaWiki เป็นรูปแบบย่อที่เฉพาะซอฟต์แวร์วิกิเท่านั้นที่เข้าใจ MediaWiki สามารถแสดงผลตาราง HTML ได้เช่นกัน แม้ว่าไวยากรณ์ wikitable จะสั้นกว่าและเป็นที่นิยมของผู้แก้ไขมากกว่า

มีการส่งข้อมูลใด ๆ ไปยังเซิร์ฟเวอร์หรือไม่?

ไม่มี โค้ดตารางถูกสร้างขึ้นในเบราว์เซอร์ของคุณขณะที่คุณพิมพ์และไม่เคยถูกส่งออกไปที่ใด

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

เครื่องมือฟรีอื่นๆ ที่อาจเป็นประโยชน์

Available languages