Trasforma il markup della pagina in JSON pronto per script, API e dati di test
I dati che ti servono sono spesso già sulla pagina — dentro un `<table>`, in un’anteprima CMS o in un export HTML salvato da un portale fornitore. Quello che manca è un JSON pulito: un array di oggetti per un handler fetch, un blocco di config per le fixture o righe strutturate per un seed del database. Copiare testo dalla finestra del browser raramente funziona. Intestazioni e celle si mescolano, le unioni spariscono e finisci a costruire oggetti a mano nell’editor. Un flusso da HTML a JSON deve farti verificare la struttura prima di copiare la prima parentesi graffa. Lo strumento gira in locale nella tua scheda. Incolla HTML a sinistra, guarda griglia e output JSON aggiornarsi a destra, correggi una cella o il markup sorgente se qualcosa non torna, poi copia o scarica il `.json`. Niente coda di upload, niente account — il tuo markup non lascia il computer. Utile quando la pagina include nomi clienti, prezzi interni o schede prodotto non ancora pubblicate.
Un convertitore da HTML a JSON pensato per tabelle e pagine intere
L’HTML reale raramente è una sola tabella perfetta. A volte è una griglia prezzi con intestazioni `colspan`; altre volte una scheda prodotto da cui ti servono sia l’elenco puntato sia la tabella specifiche in un unico JSON. Entrambi i percorsi sono coperti qui — senza cambiare strumento. **Estrazione tabelle** legge il markup semantico `<table>` e costruisce una matrice vera: `<th>` e `<td>` finiscono in colonne distinte, e `colspan` / `rowspan` compaiono come celle unite in anteprima per capire come le righe di sintesi si appiattiranno in JSON. **Estrazione testo completo** attraversa titoli, paragrafi ed elementi di elenco, mette ogni blocco su una riga in una colonna ed espande comunque le tabelle incorporate in righe multi-colonna. Usala quando la pagina è soprattutto testo con una tabella nel mezzo, o quando vuoi testo leggibile e dati tabellari nello stesso export. In uscita, attiva **Prima riga come chiavi** se la riga di intestazione deve diventare nomi di proprietà e ti serve un array di oggetti invece di un array annidato di stringhe. **Formattazione leggibile** rende comoda la scheda «Formattato» per la revisione del codice; «Minificato» riduce la dimensione quando il payload verrà compresso comunque.
La maggior parte dei convertitori solo-upload nasconde il passaggio di analisi. Mandi un file, ricevi JSON e solo incollandolo in Postman scopri una colonna spostata. Qui editor HTML, anteprima griglia e pannello JSON condividono lo stesso schermo. Riga sbagliata? Clicca la cella nella griglia e correggi. Struttura sbagliata — `<thead>` mancante, `div` wrapper di troppo, tag rotto — ? Passa alla scheda HTML e modifica il markup sul posto; l’anteprima si aggiorna mentre lavori. Più tabelle di primo livello in un incolla diventano fogli distinti nella barra. Controlla ogni blocco, scegli il foglio che ti serve, copia o scarica il JSON. Serve di nuovo il markup? Excel in HTML dal menu conversioni segue lo stesso schema anteprima-prima nella direzione opposta.
Prova il convertitoreModalità tabella e modalità testo completo
Estrai griglie `<table>` per dati strutturati o attraversa l’intera pagina per contenuti misti — senza cambiare strumento.
Modifica HTML o celle prima dell’export
Correggi i tag nel pannello sorgente o i valori nella griglia; il JSON copiato corrisponde a ciò che hai verificato a schermo.
JSON formattato con chiavi oggetto
Mappatura opzionale intestazione-chiavi e output formattato, più vista minificata per payload compatti.
Cosa fa di diverso questo convertitore da HTML a JSON
Un banco di lavoro — HTML in ingresso, JSON strutturato in uscita — con un’anteprima affidabile prima di copiare.
Vedi i dati prima che diventino JSON
Il JSON non perdona: una colonna spostata e ogni oggetto porta nomi di campo sbagliati. L’anteprima griglia serve a leggere le intestazioni, scorrere le colonne numeriche e individuare una riga duplicata mentre l’HTML è ancora aperto accanto. L’incolla è un flusso di prima classe. Gli sviluppatori hanno spesso già il frammento — nei DevTools, un export salvato, un template e-mail, uno snapshot Storybook. Carica `.html` o `.htm` quando il file supera gli appunti; in entrambi i casi l’analisi resta nel browser. Quando l’anteprima torna, apri **Opzioni JSON** per mappare la prima riga in chiavi o tenere un semplice array 2D. La scheda «Formattato» mostra output indentato per la revisione; «Minificato» toglie gli spazi per payload che comprimerai comunque. Copia negli appunti o scarica il `.json` — stessi dati, il passaggio che preferisci.
Come convertire HTML in JSON
Incolla o importa il tuo HTML
Inserisci il markup nell’editor a sinistra — di solito dagli appunti. Per una pagina salvata, usa Carica per importare `.html` o `.htm`. Scegli **Estrazione tabelle** quando i dati sono nei tag `<table>`; **Estrazione testo completo** quando titoli, paragrafi e tabelle sono mescolati.
Controlla la griglia e correggi
Il pannello a destra mostra le righe che diventeranno JSON. Verifica intestazioni, numeri e bande unite. Più tabelle nell’HTML? Scegli il foglio nella barra. Valore errato? Clicca la cella. Struttura errata? Passa alla scheda HTML e modifica il markup sul posto — la griglia si aggiorna mentre digiti.
Imposta le opzioni JSON
Apri **Opzioni JSON** nella barra strumenti. Attiva **Prima riga come chiavi** se vuoi un array di oggetti con campi nominati. Attiva **Formattazione leggibile** per output comodo nella scheda «Formattato», o consulta «Minificato» per una stringa compatta.
Copia o scarica
Usa **Copia JSON** per un passaggio rapido all’editor o a Postman. Clicca **Scarica .json** se vuoi il file su disco — il nome segue quello dell’import. Serve di nuovo HTML? Excel in HTML dal menu conversioni per il viaggio di ritorno.
Da HTML a JSON: domande prima dell’export
Il tuo prossimo frammento HTML come JSON pronto all’uso
Incolla, controlla la griglia, modifica markup o celle, copia o scarica — senza digitare oggetti a mano.
da HTML a JSON
- Estrazione tabelle e testo completo in un solo strumento
- Modifica l’HTML sul posto o correggi i valori nella griglia di anteprima
- Prima riga come chiavi e JSON formattato
- Copia o scarica il `.json` dalla barra strumenti
Serve il markup inverso? Excel in HTML dal menu conversioni.
Meno montaggio manuale di oggetti
Estrai dati strutturati dal markup web con un’anteprima verificabile prima che il JSON lasci il browser.