HTML lentelės į JSON/CSV konverteris

Konvertuojant HTML lentelę į JSON, antraštės eilutės ląstelės tampa jūsų objekto raktais, o kiekviena kita <tr> tampa vienu objektu — atvirkštinis konvertavimas iš tos pačios struktūros sukuria <thead>/<tbody> lentelę. Šis įrankis konvertuoja viską visiškai jūsų naršyklėje, naudodamas integruotą DOMParser, jokie duomenys niekada niekur neįkeliami.

Kas yra šis įrankis?

Interneto puslapiai dažnai pateikia duomenis HTML <table> elemente — kainoraščio puslapyje, statistikos puslapyje, nukopijuotame sąraše — tačiau toks žymėjimas nėra tiesiogiai naudojamas kode ar skaičiuoklėje. Šis įrankis analizuoja įklijuotą <table> žymėjimą, nuskaito antraštės eilutę (iš <thead>/<th>, arba pirmos <tr>, jei nėra <thead>), susieja kiekvienos kitos eilutės ląsteles su tomis antraštėmis ir pateikia objektų JSON masyvą arba CSV failą.

Jis veikia ir atvirkščiai: įklijuokite objektų JSON masyvą ar CSV tekstą, ir įrankis sugeneruos tinkamai suformuotą HTML lentelę su <thead> stulpelių antraštėms ir <tbody> duomenų eilutėms, paruoštą įklijuoti į interneto puslapį ar TVS.

Viskas vyksta su naršyklės integruotu DOMParser — joks HTML nesiunčiamas į serverį, todėl saugu naudoti su įklijuotu turiniu, kuriame yra vidinių ar jautrių duomenų.

Šaltinis: lentelės struktūra atitinka WHATWG HTML Living Standard lentelės elemento apibrėžimą.

Kodėl jį naudoti?

Dvikryptis konvertavimas — HTML lentelė į JSON, HTML lentelė į CSV, ir JSON/CSV atgal į tvarkingą HTML lentelės žymėjimą.
Automatinis antraštės aptikimas — veikia su <thead>/<th> žymėjimu arba paprasta pirma <tr>, naudojama kaip antraštės eilutė.
Nereikia pirma kopijuoti į skaičiuoklę — pereikite tiesiai nuo lentelės žymėjimo prie struktūrizuotų duomenų.
Sugeneruoja tinkamai koduotą HTML išvestį, todėl specialūs simboliai, tokie kaip < ir &, jūsų duomenyse nesugadina lentelės.
100 % apdorojama kliento pusėje — HTML, kurį įklijuojate (galintis būti iš vidinio puslapio ar administravimo skydelio), niekada nepalieka jūsų naršyklės.

Kaip naudoti

HTML lentelės konvertavimui: įklijuokite <table>...</table> žymėjimą į pirmą langelį, tada spustelėkite „Konvertuoti į JSON“ arba „Konvertuoti į CSV“.
Peržiūrėkite išvestį, tada nukopijuokite ją arba spustelėkite atsisiuntimo nuorodą, kad išsaugotumėte failą.
HTML lentelės generavimui: įklijuokite JSON masyvą ar CSV tekstą į antrą langelį.
Spustelėkite „Konvertuoti į HTML lentelę“ ir nukopijuokite sugeneruotą žymėjimą į savo puslapį ar TVS.

Pavyzdys

Įvestis

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

Išvestis

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

Pirmos eilutės ląstelės tampa objekto raktais; kiekviena kita eilutė tampa vienu masyvo elementu, o reikšmės imamos kaip tekstas.

Praktiniai patarimai

Duomenų ištraukimas iš interneto puslapio lentelės: peržiūrėkite puslapio šaltinį ar patikrinkite elementą, nukopijuokite <table>...</table> žymėjimą ir įklijuokite čia, vietoj rankinio duomenų perrašymo.
API atsakymo publikavimas kaip skaitomos lentelės svetainėje ar TVS: įklijuokite JSON masyvą į antrą langelį ir nukopijuokite sugeneruotą HTML tiesiai į savo puslapio teksto redaktorių ar HTML bloką.
Jei lentelė naudoja <div> ar CSS grid išdėstymą vietoj tikro <table> žymėjimo, šis įrankis to negalės apdoroti — šaltinio puslapis turi naudoti tikras HTML lentelės žymas.

Kodėl antraštės aptikimas svarbus

Lentelė be aiškios antraštės eilutės yra dviprasmiška — kiekvienas tolesnis įrankis turi žinoti, kuri eilutė apibrėžia stulpelių pavadinimus, prieš paversdamas likusias eilutes į struktūrizuotus įrašus. Šis įrankis šią dviprasmybę sprendžia taip pat, kaip naršyklės ir dauguma duomenų rinkėjų: pirmiausia ieško aiškaus <thead> skyriaus, ir tik jo neradęs laiko pirmą matomą eilutę antraštine. Tai užtikrina nuspėjamą konvertavimą net rankiniu būdu rašytam ar surinktam lentelės žymėjimui, praleidžiančiam labiau semantines žymas.

Dažniausiai užduodami klausimai

Ar veikia su lentelėmis, kurios nenaudoja <thead>?

Taip. Jei nėra <thead>, įrankis lentelės pirmą <tr> laiko antraštės eilute.

Kas atsitinka, jei eilutėje mažiau ląstelių nei antraštės eilutėje?

Trūkstamos tos eilutės ląstelės JSON išvestyje paliekamos kaip tuščios eilutės arba tuščios CSV faile, todėl eilutės struktūra išlieka nepažeista vietoj klaidos.

Ar ląstelėje esančios įdėtos žymos, pvz., <b> ar <a>, išsaugomos?

Ne — išgaunamas tik matomas kiekvienos ląstelės teksto turinys. Įterptinis formatavimas, nuorodos ir kitos įdėtos žymos ląstelėje pašalinamos, lieka tik paprastas tekstas.

Ar įklijuotas HTML kur nors siunčiamas?

Ne. Analizė vyksta naudojant naršyklės integruotą DOMParser, visiškai jūsų įrenginyje — niekas nesiunčiama į serverį.

Ar galiu JSON masyvą per šį įrankį paversti atgal į HTML lentelę?

Taip — įklijuokite JSON masyvą (arba CSV) į antrą langelį ir spustelėkite „Konvertuoti į HTML lentelę“, kad gautumėte teisingą, tinkamai koduotą <table> žymėjimą su tais pačiais raktais kaip stulpelių antraštėmis.