Pretvornik HTML tabele v JSON/CSV

Kaj je to orodje?

Spletne strani pogosto predstavijo podatke znotraj elementa HTML <table> — cenik, statistična stran, izluščen seznam — a ta oznaka ni neposredno uporabna v kodi ali preglednici. To orodje razčleni prilepljeno oznako <table>, prebere vrstico glave (iz <thead>/<th>, ali prve <tr>, če ni <thead>), preslika celice vsake naslednje vrstice na te glave in izpiše JSON tabelo objektov ali CSV datoteko.

Deluje tudi obratno: prilepi JSON tabelo objektov ali besedilo CSV, orodje pa ustvari pravilno strukturirano HTML tabelo z <thead> za glave stolpcev in <tbody> za podatkovne vrstice, pripravljeno za lepljenje v spletno stran ali CMS.

Vse teče z vgrajenim DOMParser brskalnika — noben HTML se ne pošlje na strežnik, zato je varno za uporabo s prilepljeno vsebino, ki vključuje interne ali občutljive podatke.

Vir: struktura tabele sledi definiciji elementa table standarda WHATWG HTML Living Standard.

Zakaj ga uporabiti?

• Dvosmerna pretvorba — HTML tabela v JSON, HTML tabela v CSV in JSON/CSV nazaj v čisto oznako HTML tabele.
• Samodejno zaznavanje glave — deluje z oznako <thead>/<th> ali navadno prvo <tr>, uporabljeno kot vrstica glave.
• Brez predhodnega lepljenja v preglednico — pojdi neposredno iz oznake tabele v strukturirane podatke.
• Ustvari pravilno ubežno HTML izpis, tako da posebni znaki, kot sta < in &, v tvojih podatkih ne pokvarijo tabele.
• 100 % na strani odjemalca — HTML, ki ga prilepiš (ki lahko izvira z interne strani ali skrbniške plošče), nikoli ne zapusti tvojega brskalnika.

Kako ga uporabljati

1. Za pretvorbo HTML tabele: prilepi oznako <table>...</table> v prvo polje, nato klikni »Convert to JSON« ali »Convert to CSV«.
2. Preglej izpis, nato ga kopiraj ali klikni povezavo za prenos, da shraniš datoteko.
3. Za ustvarjanje HTML tabele: prilepi JSON tabelo ali besedilo CSV v drugo polje.
4. Klikni »Convert to HTML table« in kopiraj ustvarjeno oznako v svojo stran ali CMS.

Primer

Vnos

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

Rezultat

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

Celice prve vrstice postanejo ključi objektov; vsaka naslednja vrstica postane en element tabele z vrednostmi, vzetimi kot besedilo.

Praktični nasveti

• Izluščanje podatkov iz tabele na spletni strani: poglej izvorno kodo strani ali preglej element, kopiraj oznako <table>...</table> in jo prilepi sem namesto ročnega ponovnega vnašanja podatkov.
• Objava odgovora API-ja kot berljive tabele na strani ali v CMS: prilepi JSON tabelo v drugo polje in kopiraj ustvarjen HTML neposredno v blok bogatega besedila ali HTML svoje strani.
• Če tabela uporablja postavitev <div> ali CSS grid namesto prave oznake <table>, tega orodje ne more razčleniti — izvorna stran mora uporabljati resnične oznake HTML tabele.

Zakaj je zaznavanje glave pomembno

Tabela brez jasne vrstice glave je dvoumna — vsako nadaljnje orodje mora vedeti, katera vrstica določa imena stolpcev, preden lahko preostale vrstice spremeni v strukturirane zapise. To orodje to dvoumnost razrešuje na način, kot to počnejo brskalniki in večina strgalnikov: najprej poišče izrecen razdelek <thead> in šele, če ga ni, kot rezervo obravnava prvo vidno vrstico kot glavo. To ohranja pretvorbo predvidljivo tudi za ročno napisano ali izluščeno oznako tabele, ki preskoči bolj semantične oznake.

Pogosta vprašanja