Convertitore da tabella HTML a JSON/CSV

Che cos'è questo strumento?

Le pagine web spesso presentano dati all'interno di un elemento <table> HTML — una pagina di prezzi, una pagina di statistiche, un elenco estratto da altrove — ma quel codice non è direttamente utilizzabile nel codice o in un foglio di calcolo. Questo strumento analizza il codice <table> incollato, legge la riga di intestazione (da <thead>/<th>, oppure dalla prima <tr> se non c'è <thead>), associa le celle di ogni riga successiva a quelle intestazioni e genera un array di oggetti JSON o un file CSV.

Funziona anche al contrario: incolla un array di oggetti JSON o testo CSV, e lo strumento genera una tabella HTML correttamente strutturata, con un <thead> per le intestazioni di colonna e un <tbody> per le righe di dati, pronta da incollare in una pagina web o in un CMS.

Tutto avviene con il DOMParser integrato del browser — nessun HTML viene inviato a un server, il che lo rende sicuro da usare con contenuto incollato che include dati interni o sensibili.

Fonte: la struttura della tabella segue la definizione dell'elemento tabella del WHATWG HTML Living Standard.

Perché usarlo?

• Conversione in entrambe le direzioni — tabella HTML in JSON, tabella HTML in CSV, e JSON/CSV di nuovo in codice di tabella HTML pulito.
• Rilevamento automatico delle intestazioni — funziona con markup <thead>/<th> o con una semplice prima <tr> usata come riga di intestazione.
• Nessun passaggio preliminare in un foglio di calcolo — si va direttamente dal codice della tabella ai dati strutturati.
• Genera output HTML correttamente escapato, così caratteri speciali come < e & nei tuoi dati non rompono la tabella.
• 100% lato client — l'HTML che incolli (che potrebbe provenire da una pagina interna o da un pannello di amministrazione) non lascia mai il tuo browser.

Come si usa

1. Per convertire una tabella HTML: incolla il codice <table>...</table> nella prima casella, poi clicca su "Converti in JSON" o "Converti in CSV".
2. Controlla il risultato, copialo o clicca sul link di download per salvare il file.
3. Per generare una tabella HTML: incolla un array JSON o testo CSV nella seconda casella.
4. Clicca su "Converti in tabella HTML" e copia il codice generato nella tua pagina o nel tuo CMS.

Esempio

Input

<table><tr><th>name</th><th>age</th></tr><tr><td>Alice</td><td>30</td></tr></table>

Risultato

[{"name":"Alice","age":"30"}]

Le celle della prima riga diventano le chiavi dell'oggetto; ogni riga successiva diventa un elemento dell'array con i valori letti come testo.

Consigli pratici

• Estrarre dati da una tabella su una pagina web: visualizza il codice sorgente della pagina o ispeziona l'elemento, copia il codice <table>...</table> e incollalo qui invece di riscrivere manualmente i dati.
• Pubblicare una risposta API come tabella leggibile su un sito o in un CMS: incolla l'array JSON nella seconda casella e copia l'HTML generato direttamente nel blocco di testo ricco o HTML della tua pagina.
• Se una tabella usa <div> o una griglia CSS invece di vero markup <table>, questo strumento non potrà analizzarla — la pagina di origine deve usare vere tag di tabella HTML.

Perché conta il rilevamento dell'intestazione

Una tabella senza una chiara riga di intestazione è ambigua — qualsiasi strumento a valle deve sapere quale riga definisce i nomi delle colonne prima di poter trasformare le righe rimanenti in record strutturati. Questo strumento risolve quell'ambiguità nello stesso modo dei browser e della maggior parte degli scraper: cerca prima una sezione <thead> esplicita, e ricorre a trattare la prima riga visibile come intestazione solo quando non è presente alcun <thead>. Questo rende la conversione prevedibile anche con codice di tabella scritto a mano o estratto altrove che salta i tag più semantici.

Domande frequenti