Convertitore HTML in JSON
Da HTML a XML, CSV, testo e codice

Che cosa fa per te un convertitore HTML in JSON

L'HTML è fatto per i browser, non per il lavoro sui dati. Perciò devi cambiarne la forma quando ti serve il contenuto in uno script, in un foglio di calcolo o in una chiamata API. È ciò che fa questo strumento.

Per prima cosa, incolla il tuo HTML. Poi scegli il formato che vuoi. Il risultato appare mentre scrivi. JSON e YAML tengono l'intero albero, XML dà un markup pulito e CSV prende le righe di una tabella.

Scrive anche testo semplice, una stringa JavaScript e una stringa PHP. Inoltre funziona al contrario. Tra l’altro, incolla una stringa di codice, e lo strumento la riporta a HTML.

Poi puoi usare il risultato ovunque. Carica il JSON in uno script, incolla il CSV in un foglio o metti la stringa nel tuo codice.

Tutto gira nel tuo browser. Così il tuo markup non lascia mai il tuo dispositivo. Conta, perché le pagine contengono spesso nomi, email e testo privato.

Da HTML a JSON, tag per tag

Per prima cosa, lo strumento legge il markup e costruisce un albero. Ogni tag diventa un oggetto con un nome di tag. Gli attributi vanno in un oggetto attrs, e i tag annidati e il testo vanno in un elenco children.

Così un link diventa un oggetto con il tag a, un attributo href e il testo del link come figlio. L'albero mantiene l'ordine della tua pagina, il che conta quando la ricostruisci in seguito.

Inoltre il lettore è tollerante. Chiude i tag che i browser chiudono, come p, li e td. Decodifica anche le entità, quindi un'entità ampersand diventa un semplice ampersand.

Per maggiori dettagli, vedi: HTML Living Standard.

Da HTML a CSV da una tabella

Per prima cosa, molte pagine tengono dati in tabelle. Infatti, incolla la pagina, scegli CSV o TSV, e lo strumento legge righe e celle. Se l'HTML ha più tabelle, un elenco ti lascia sceglierne una.

Lo strumento racchiude tra virgolette una cella con una virgola o una virgoletta. Così il file si apre pulito in Excel e Sheets. Le celle di intestazione diventano la prima riga.

Poi puoi aprire il CSV in un foglio di calcolo o caricarlo in un database.

Da HTML a testo

Poi la modalità testo toglie i tag e tiene l'impaginazione. Paragrafi e titoli ricevono una riga vuota dopo di sé. Le voci di elenco iniziano con un trattino, e ogni riga di tabella sta su una riga.

Così script e stili non compaiono mai nel testo. Se vuoi gli indirizzi dei link, attiva l'opzione, e ogni indirizzo segue il testo del suo link tra parentesi.

Da HTML a stringhe JavaScript e PHP

A volte devi mettere un blocco di HTML dentro il codice. Una virgoletta o un a capo in quell'HTML può rompere la stringa. Perciò lo strumento fa l'escape per te.

Per JavaScript puoi scegliere virgolette semplici, virgolette doppie, un template literal o un elenco di righe unite. Per PHP puoi scegliere virgolette semplici, virgolette doppie o un blocco nowdoc.

Da una stringa di codice di nuovo a HTML

Funziona anche al contrario. Incolla uno snippet JavaScript o PHP con una stringa e scegli HTML come destinazione. Lo strumento trova le stringhe, le unisce e toglie gli escape.

Inoltre legge virgolette semplici, virgolette doppie, template literal e blocchi nowdoc. Così, capisce gli escape più comuni, come un a capo, una tabulazione, una barra rovesciata e un codice Unicode.

Uscita XML e YAML

L'uscita XML rispetta le regole. I tag senza contenuto si chiudono da soli, e lo strumento mette tra virgolette ed esegue l'escape dei valori degli attributi. Se il tuo HTML ha più di un tag di primo livello, lo strumento aggiunge un tag radice.

Poi l'uscita YAML rispecchia l'albero JSON, con le chiavi tag, attrs e children. Si legge facilmente, e puoi incollarla in un file di configurazione.

Sicuro per progetto

Lo strumento legge il tuo HTML come testo e non lo mostra mai. Così uno script dentro il markup non può partire. Script e stili restano fuori per impostazione predefinita, e puoi tenere il loro testo se ti serve. Questo rende lo strumento sicuro anche per pagine di cui non ti fidi.