DevToolPal
VI

Chuyển XML sang bảng HTML

Hiển thị các bản ghi XML lặp lại thành bảng HTML, với thuộc tính và phần tử lồng nhau làm cột.

Chạy cục bộ, không bao giờ tải lên

Tùy chọn

Đầu vào

0 ký tự · 0 B

Đầu ra

0 ký tự · 0 B

Công cụ này làm gì

Công cụ này biến các bản ghi XML thành một bảng HTML mà mọi người thực sự đọc được. Mỗi phần tử lặp lại trở thành một hàng của bảng, phần tử con và thuộc tính trở thành cột, còn phần tử lồng nhau được làm phẳng thành tên cột nối bằng dấu chấm.

Hãy dùng nó để hiển thị một XML feed hoặc dữ liệu xuất ra trên trang web, trong tài liệu hay trong email.

Cách sử dụng

  1. Dán XML vào ô Đầu vào, tải lên tệp .xml, hoặc nhấn Ví dụ.
  2. Mã bảng xuất hiện ở bên phải ngay khi bạn gõ.
  3. Tắt Bao gồm hàng tiêu đề để bỏ phần <thead>.
  4. Sao chép HTML hoặc tải về dưới dạng tệp .html.

Ví dụ

<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>

trở thành một bảng có các cột name, address.city và id, với mỗi user một hàng.

Ghi chú

Văn bản được escape HTML nên luôn hiển thị dưới dạng văn bản. Ký tự xuống dòng bên trong một giá trị trở thành <br>.

Câu hỏi thường gặp

› Những phần tử nào trở thành hàng?

Các phần tử con lặp lại của phần tử gốc, ví dụ mọi <user> bên trong <users>. Nếu phần tử gốc chỉ có một phần tử con, phần tử đó trở thành hàng duy nhất.

› Thuộc tính và phần tử lồng nhau sẽ ra sao?

Thuộc tính trở thành cột mang tên thuộc tính đó (id="1" → id). Phần tử lồng nhau trở thành cột có tên nối bằng dấu chấm như address.city. Các giá trị đơn giản lặp lại được nối bằng "; ".

› Tại sao một cột lại có tên @id thay vì id?

Khi một thuộc tính và một phần tử con trùng tên, thuộc tính giữ tiền tố @ để hai cột không bị lẫn vào nhau.

› Tôi có thể tùy chỉnh kiểu dáng cho bảng không?

Có. Đầu ra là mã bảng thuần không có inline style, nên CSS của trang web bạn sẽ được áp dụng.