Pretvarač HTML Tablice u JSON/CSV

Što je ovaj alat?

Web stranice često prikazuju podatke unutar HTML <table> elementa — stranica s cijenama, statistička stranica, sastrugana lista — ali taj kod nije izravno upotrebljiv u kodu ili proračunskoj tablici. Ovaj alat parsira zalijepljeni <table> kod, čita redak zaglavlja (iz <thead>/<th>, ili prvog <tr> ako nema <thead>), mapira ćelije svakog sljedećeg retka na ta zaglavlja i ispisuje JSON polje objekata ili CSV datoteku.

Radi i obrnuto: zalijepite JSON polje objekata ili CSV tekst, a alat generira pravilno strukturiranu HTML tablicu s <thead> za zaglavlja stupaca i <tbody> za redke podataka, spremnu za lijepljenje na web stranicu ili u CMS.

Sve se izvršava pomoću ugrađenog DOMParsera preglednika — nijedan HTML se ne šalje na poslužitelj, pa je sigurno koristiti sa zalijepljenim sadržajem koji uključuje interne ili osjetljive podatke.

Izvor: struktura tablice slijedi definiciju elementa tablice iz WHATWG HTML Living Standarda.

Zašto ga koristiti?

• Dvosmjerna pretvorba — HTML tablica u JSON, HTML tablica u CSV, i JSON/CSV natrag u čist HTML kod tablice.
• Automatsko otkrivanje zaglavlja — radi s <thead>/<th> kodom ili običnim prvim <tr> koji se koristi kao redak zaglavlja.
• Bez prethodnog kopiranja u proračunsku tablicu — idite izravno iz koda tablice u strukturirane podatke.
• Generira pravilno izbjegnuti HTML izlaz, tako da posebni znakovi poput < i & u vašim podacima ne ruše tablicu.
• 100% na strani klijenta — HTML koji zalijepite (koji može doći s interne stranice ili administratorske ploče) nikada ne napušta vaš preglednik.

Kako ga koristiti

1. Za pretvaranje HTML tablice: zalijepite <table>...</table> kod u prvi okvir, zatim kliknite "Pretvori u JSON" ili "Pretvori u CSV".
2. Pregledajte izlaz, zatim ga kopirajte ili kliknite poveznicu za preuzimanje da spremite datoteku.
3. Za generiranje HTML tablice: zalijepite JSON polje ili CSV tekst u drugi okvir.
4. Kliknite "Pretvori u HTML tablicu" i kopirajte generirani kod na svoju stranicu ili u CMS.

Primjer

Ulaz

<table><tr><th>ime</th><th>dob</th></tr><tr><td>Ana</td><td>30</td></tr></table>

Izlaz

[{"ime":"Ana","dob":"30"}]

Ćelije prvog retka postaju ključevi objekta; svaki sljedeći redak postaje jedan element polja s vrijednostima uzetim kao tekst.

Praktični savjeti

• Izvlačenje podataka iz tablice na web stranici: pogledajte izvorni kod stranice ili pregledajte element, kopirajte <table>...</table> kod i zalijepite ga ovdje umjesto ručnog prekucavanja podataka.
• Objavljivanje odgovora API-ja kao čitljive tablice na stranici ili u CMS-u: zalijepite JSON polje u drugi okvir i kopirajte generirani HTML izravno u blok bogatog teksta ili HTML blok svoje stranice.
• Ako tablica koristi <div> ili CSS grid raspored umjesto pravog <table> koda, ovaj alat ga ne može parsirati — izvorna stranica mora koristiti stvarne HTML oznake tablice.

Zašto je otkrivanje zaglavlja važno

Tablica bez jasnog retka zaglavlja je dvosmislena — svaki alat u nizu treba znati koji redak definira nazive stupaca prije nego što preostale retke može pretvoriti u strukturirane zapise. Ovaj alat rješava tu dvosmislenost na isti način kao preglednici i većina scrapera: prvo traži eksplicitan <thead> odjeljak, a tek kad nema <thead> pribjegava tretiranju prvog vidljivog retka kao zaglavlja. To čini pretvorbu predvidljivom čak i za ručno pisan ili sastrugan kod tablice koji preskače semantičkije oznake.

Često postavljana pitanja