DevToolPal
IT

Convertitore da XML a tabella HTML

Mostra i record XML ripetuti come tabella HTML, con attributi ed elementi annidati come colonne.

Eseguito in locale, mai caricato

Opzioni

Input

0 caratteri · 0 B

Output

0 caratteri · 0 B

Cosa fa

Questo strumento trasforma i record XML in una tabella HTML davvero leggibile. Ogni elemento ripetuto diventa una riga della tabella, elementi figli e attributi diventano colonne e gli elementi annidati vengono appiattiti in nomi di colonna con il punto.

Usalo per mostrare un feed o un export XML in una pagina web, nella documentazione o in un’email.

Come si usa

  1. Incolla l’XML nella casella Input, carica un file .xml oppure fai clic su Esempio.
  2. Il markup della tabella compare a destra mentre scrivi.
  3. Disattiva Includi riga di intestazione per omettere il <thead>.
  4. Copia l’HTML o scaricalo come file .html.

Esempio

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

diventa una tabella con le colonne name, address.city e id, e una riga per ogni utente.

Note

Il testo viene sottoposto a escape HTML, così viene sempre visualizzato come testo. Gli a capo all’interno di un valore diventano <br>.

Domande frequenti

› Quali elementi diventano righe?

Gli elementi figli ripetuti della radice, ad esempio ogni <user> dentro <users>. Se la radice ha un solo elemento figlio, quell'elemento diventa l'unica riga.

› Cosa succede ad attributi ed elementi annidati?

Gli attributi diventano colonne con il nome dell'attributo (id="1" → id). Gli elementi annidati diventano colonne con il punto, come address.city. I valori semplici ripetuti vengono uniti con "; ".

› Perché una colonna si chiama @id invece di id?

Quando un attributo e un elemento figlio hanno lo stesso nome, l'attributo mantiene il prefisso @ così le due colonne restano distinte.

› Posso applicare uno stile alla tabella?

Sì. L'output è un semplice markup di tabella senza stili inline, quindi si applica il CSS del tuo sito.