Konwerter tabeli HTML na JSON/CSV

Czym jest to narzędzie?

Strony internetowe często prezentują dane wewnątrz elementu HTML <table> — strona z cennikiem, strona ze statystykami, zeskrobana lista — ale taki kod nie nadaje się bezpośrednio do użycia w programowaniu ani w arkuszu kalkulacyjnym. To narzędzie analizuje wklejony kod <table>, odczytuje wiersz nagłówka (z <thead>/<th>, lub z pierwszego <tr>, jeśli nie ma <thead>), mapuje komórki każdego kolejnego wiersza na te nagłówki i generuje tablicę obiektów JSON lub plik CSV.

Działa też w drugą stronę: wklej tablicę obiektów JSON lub tekst CSV, a narzędzie wygeneruje poprawnie zbudowaną tabelę HTML z <thead> dla nagłówków kolumn i <tbody> dla wierszy danych, gotową do wklejenia na stronę internetową lub do CMS.

Wszystko działa dzięki wbudowanemu w przeglądarkę DOMParser — żaden kod HTML nie jest wysyłany na serwer, więc bezpiecznie jest używać tego narzędzia z wklejoną treścią zawierającą wewnętrzne lub wrażliwe dane.

Źródło: struktura tabeli jest zgodna z definicją elementu table w WHATWG HTML Living Standard.

Dlaczego warto go używać?

• Konwersja w obie strony — tabela HTML na JSON, tabela HTML na CSV oraz JSON/CSV z powrotem na czysty kod tabeli HTML.
• Automatyczne wykrywanie nagłówków — działa zarówno z znacznikami <thead>/<th>, jak i ze zwykłym pierwszym <tr> traktowanym jako wiersz nagłówka.
• Brak konieczności wcześniejszego wklejania do arkusza kalkulacyjnego — bezpośrednie przejście z kodu tabeli do danych strukturalnych.
• Generuje poprawnie zescapowany wynik HTML, dzięki czemu znaki specjalne, takie jak < i &, w Twoich danych nie psują tabeli.
• 100% po stronie klienta — wklejony przez Ciebie kod HTML (który może pochodzić z wewnętrznej strony lub panelu administracyjnego) nigdy nie opuszcza przeglądarki.

Jak używać

1. Aby przekonwertować tabelę HTML: wklej kod <table>...</table> do pierwszego pola, następnie kliknij "Konwertuj na JSON" lub "Konwertuj na CSV".
2. Sprawdź wynik, skopiuj go lub kliknij link pobierania, aby zapisać plik.
3. Aby wygenerować tabelę HTML: wklej tablicę JSON lub tekst CSV do drugiego pola.
4. Kliknij "Konwertuj na tabelę HTML" i skopiuj wygenerowany kod na swoją stronę lub do CMS.

Przykład

Wejście

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

Wynik

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

Komórki pierwszego wiersza stają się kluczami obiektu; każdy kolejny wiersz staje się jednym elementem tablicy, a wartości są odczytywane jako tekst.

Praktyczne wskazówki

• Wyodrębnianie danych z tabeli na stronie internetowej: wyświetl kod źródłowy strony lub zbadaj element, skopiuj kod <table>...</table> i wklej go tutaj zamiast ręcznie przepisywać dane.
• Publikowanie odpowiedzi API jako czytelnej tabeli na stronie lub w CMS: wklej tablicę JSON do drugiego pola i skopiuj wygenerowany kod HTML bezpośrednio do bloku tekstu sformatowanego lub HTML na swojej stronie.
• Jeśli tabela używa <div> lub siatki CSS zamiast prawdziwych znaczników <table>, to narzędzie nie będzie w stanie jej przeanalizować — strona źródłowa musi używać rzeczywistych znaczników tabeli HTML.

Dlaczego wykrywanie nagłówka ma znaczenie

Tabela bez wyraźnego wiersza nagłówka jest niejednoznaczna — każde narzędzie działające dalej musi wiedzieć, który wiersz definiuje nazwy kolumn, zanim będzie mogło przekształcić pozostałe wiersze w ustrukturyzowane rekordy. To narzędzie rozwiązuje tę niejednoznaczność tak samo jak przeglądarki i większość scraperów: najpierw szuka jawnej sekcji <thead>, a dopiero gdy jej brak, traktuje pierwszy widoczny wiersz jako nagłówek. Dzięki temu konwersja pozostaje przewidywalna nawet w przypadku ręcznie napisanego lub zeskrobanego kodu tabeli, który pomija bardziej semantyczne znaczniki.

Najczęściej zadawane pytania