DevToolPal
ไทย

แปลง XML เป็นตาราง HTML

แสดงเรคคอร์ด XML ที่ซ้ำกันเป็นตาราง HTML โดยให้ attribute และอิลิเมนต์ที่ซ้อนกันเป็นคอลัมน์

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

ตัวเลือก

อินพุต

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

เอาต์พุต

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

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

เครื่องมือนี้เปลี่ยนเรคคอร์ด XML ให้เป็นตาราง HTML ที่คนอ่านได้จริง อิลิเมนต์ที่ซ้ำกันแต่ละตัวกลายเป็นแถวของตาราง อิลิเมนต์ลูกและ attribute กลายเป็นคอลัมน์ และอิลิเมนต์ที่ซ้อนกันถูกแผ่ให้เป็นชื่อคอลัมน์แบบมีจุด

ใช้เพื่อแสดง XML feed หรือข้อมูลที่ export ออกมาบนหน้าเว็บ ในเอกสาร หรือในอีเมล

วิธีใช้งาน

  1. วาง XML ลงในช่อง อินพุต อัปโหลดไฟล์ .xml หรือคลิก ตัวอย่าง
  2. มาร์กอัปตารางจะปรากฏทางขวาขณะพิมพ์
  3. ปิด รวมแถวหัวตาราง หากไม่ต้องการ <thead>
  4. คัดลอก HTML หรือดาวน์โหลดเป็นไฟล์ .html

ตัวอย่าง

<users>
  <user id="1"><name>Alice</name><address><city>Shanghai</city></address></user>
  <user id="2"><name>Bob</name><address><city>Beijing, China</city></address></user>
</users>

จะกลายเป็นตารางที่มีคอลัมน์ name, address.city และ id และมีหนึ่งแถวต่อผู้ใช้หนึ่งคน

หมายเหตุ

ข้อความถูก escape แบบ HTML จึงแสดงเป็นข้อความเสมอ การขึ้นบรรทัดใหม่ภายในค่าจะกลายเป็น <br>

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

› อิลิเมนต์ไหนจะกลายเป็นแถว?

อิลิเมนต์ลูกที่ซ้ำกันของ root เช่น <user> ทุกตัวภายใน <users> หาก root มีอิลิเมนต์ลูกเพียงตัวเดียว อิลิเมนต์นั้นจะเป็นแถวเดียว

› attribute และอิลิเมนต์ที่ซ้อนกันจะเป็นอย่างไร?

attribute กลายเป็นคอลัมน์ที่ตั้งชื่อตาม attribute (id="1" → id) อิลิเมนต์ที่ซ้อนกันกลายเป็นคอลัมน์ชื่อแบบมีจุด เช่น address.city ค่าแบบง่ายที่ซ้ำกันจะถูกเชื่อมด้วย "; "

› ทำไมคอลัมน์จึงชื่อ @id แทนที่จะเป็น id?

เมื่อ attribute และอิลิเมนต์ลูกมีชื่อเดียวกัน attribute จะคงคำนำหน้า @ ไว้ เพื่อให้สองคอลัมน์แยกจากกัน

› ตกแต่งสไตล์ของตารางได้ไหม?

ได้ เอาต์พุตเป็นมาร์กอัปตารางธรรมดาที่ไม่มี inline style ดังนั้น CSS ของเว็บไซต์คุณจะมีผลกับตาราง