DevToolPal
PL

Konwerter XML na tabelę HTML

Wyświetl powtarzające się rekordy XML jako tabelę HTML, z atrybutami i zagnieżdżonymi elementami jako kolumnami.

Działa lokalnie, nic nie jest wysyłane

Opcje

Wejście

0 znaków · 0 B

Wynik

0 znaków · 0 B

Co robi to narzędzie

To narzędzie zamienia rekordy XML w tabelę HTML, którą da się naprawdę czytać. Każdy powtarzający się element staje się wierszem tabeli, elementy potomne i atrybuty stają się kolumnami, a zagnieżdżone elementy są spłaszczane do nazw kolumn z kropkami.

Używaj go, aby pokazać feed lub eksport XML na stronie WWW, w dokumentacji albo w e-mailu.

Jak używać

  1. Wklej XML w polu Wejście, wczytaj plik .xml albo kliknij Przykład.
  2. Znaczniki tabeli pojawiają się po prawej w trakcie pisania.
  3. Wyłącz Dołącz wiersz nagłówka, aby pominąć <thead>.
  4. Skopiuj HTML lub pobierz go jako plik .html.

Przykład

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

zmienia się w tabelę z kolumnami name, address.city i id oraz jednym wierszem dla każdego użytkownika.

Uwagi

Tekst jest escapowany jako HTML, więc zawsze wyświetla się jako tekst. Złamania wierszy wewnątrz wartości stają się znacznikami <br>.

FAQ

› Które elementy stają się wierszami?

Powtarzające się elementy potomne korzenia, na przykład każdy <user> wewnątrz <users>. Jeśli korzeń ma jeden element potomny, ten element staje się jedynym wierszem.

› Co dzieje się z atrybutami i zagnieżdżonymi elementami?

Atrybuty stają się kolumnami nazwanymi tak jak atrybut (id="1" → id). Zagnieżdżone elementy stają się kolumnami z kropkami w nazwie, np. address.city. Powtarzające się proste wartości są łączone za pomocą "; ".

› Dlaczego kolumna nazywa się @id zamiast id?

Gdy atrybut i element potomny mają tę samą nazwę, atrybut zachowuje prefiks @, aby obie kolumny pozostały rozdzielone.

› Czy mogę ostylować tabelę?

Tak. Wynik to zwykłe znaczniki tabeli bez stylów inline, więc zastosuje się do niej CSS twojej strony.