Zamień markup strony w JSON gotowy pod skrypty, API i dane testowe
Dane, których potrzebujesz, często są już na stronie — w `<table>`, w podglądzie CMS albo w zapisanym eksporcie HTML z portalu dostawcy. Brakuje czystego JSON: tablicy obiektów pod handler fetch, bloku konfiguracji do fixture albo ustrukturyzowanych wierszy do seeda bazy. Kopiowanie tekstu z okna przeglądarki rzadko się udaje. Nagłówki i komórki się zlewają, scalenia znikają, a na końcu składasz obiekty ręcznie w edytorze. Przepływ HTML na JSON powinien pozwolić zweryfikować strukturę, zanim skopiujesz pierwszy nawias klamrowy. Narzędzie działa lokalnie w Twojej karcie. Wklej HTML po lewej, obserwuj aktualizację siatki i wyniku JSON po prawej, popraw komórkę lub źródłowy markup, gdy coś nie gra, potem skopiuj lub pobierz `.json`. Bez kolejki uploadu, bez konta — Twój markup nie opuszcza komputera. To ważne, gdy na stronie są nazwiska klientów, ceny wewnętrzne lub nieopublikowane specyfikacje produktów.
Konwerter HTML na JSON pod tabele i całe strony
Prawdziwy HTML rzadko to jedna idealna tabela. Czasem to siatka cen z nagłówkami `colspan`; czasem strona produktu, z której potrzebujesz listy punktowanej i tabeli specyfikacji w jednym JSON. Oba scenariusze są tu — bez zmiany narzędzia. **Ekstrakcja tabel** czyta semantyczny markup `<table>` i buduje prawdziwą macierz: `<th>` i `<td>` lądują w osobnych kolumnach, a `colspan` / `rowspan` widać w podglądzie jako scalone komórki — widać, jak wiersze podsumowań spłaszczą się w JSON. **Ekstrakcja pełnego tekstu** przechodzi nagłówki, akapity i elementy list, każdy blok kładzie w osobnym wierszu jednej kolumny, rozwijając osadzone tabele w wiersze wielokolumnowe. Użyj, gdy strona to głównie tekst z tabelą w środku albo gdy w jednym eksporcie chcesz czytelny tekst i dane tabelaryczne. Po stronie wyjścia włącz **Pierwszy wiersz jako klucze**, gdy wiersz nagłówka ma stać się nazwami właściwości i potrzebujesz tablicy obiektów zamiast zagnieżdżonej tablicy stringów. **Czytelne formatowanie** utrzymuje kartę „Sformatowany” wygodną do przeglądu kodu; „Zminifikowany” oszczędza rozmiar, gdy payload i tak będzie kompresowany.
Większość konwerterów tylko-upload ukrywa etap parsowania. Wysyłasz plik, dostajesz JSON, a przesuniętą kolumnę widzisz dopiero w Postmanie. Tu edytor HTML, podgląd siatki i panel JSON dzielą jeden ekran. Zły wiersz? Kliknij komórkę w siatce i popraw. Zła struktura — brak `<thead>`, zbędny opakowujący `div`, uszkodzony tag — ? Przejdź do karty HTML i edytuj markup na miejscu; podgląd odświeża się w trakcie pisania. Kilka tabel najwyższego poziomu w jednym wklejeniu staje się osobnymi arkuszami na pasku. Sprawdź każdy blok, wybierz właściwy arkusz, skopiuj lub pobierz JSON. Znowu potrzebujesz markupu? Excel do HTML z menu konwersji stosuje ten sam schemat „najpierw podgląd” w drugą stronę.
Wypróbuj konwerterTryb tabel i tryb pełnego tekstu
Wyciągnij siatki `<table>` pod dane strukturalne albo przejdź całą stronę przy treści mieszanej — bez zmiany narzędzia.
Edytuj HTML lub komórki przed eksportem
Popraw tagi w panelu źródłowym lub wartości w siatce; skopiowany JSON odpowiada temu, co zweryfikowałeś na ekranie.
Sformatowany JSON z kluczami obiektów
Opcjonalne mapowanie nagłówka na klucze i czytelny wynik, plus widok zminifikowany pod kompaktowy payload.
Czym ten konwerter HTML na JSON różni się od innych
Warsztat — HTML na wejściu, ustrukturyzowany JSON na wyjściu — z podglądem, któremu możesz zaufać przed kopiowaniem.
Zobacz dane, zanim staną się JSON
JSON nie wybacza: przesunięta kolumna i każdy obiekt ma złe nazwy pól. Podgląd siatki służy do czytania nagłówków, przeglądania kolumn liczbowych i wychwycenia zduplikowanego wiersza, gdy HTML wciąż jest otwarty obok. Wklejanie to pełnoprawny scenariusz. Deweloperzy często mają fragment już gotowy — w DevTools, zapisanym eksporcie, szablonie maila, zrzucie Storybook. Wgraj `.html` lub `.htm`, gdy plik nie mieści się w schowku; w obu przypadkach parsowanie zostaje w przeglądarce. Gdy podgląd się zgadza, otwórz **Opcje JSON**, aby zmapować pierwszy wiersz na klucze albo zostawić prostą tablicę 2D. Karta „Sformatowany” pokazuje wynik z wcięciami do weryfikacji; „Zminifikowany” usuwa spacje z payloadów, które i tak spakujesz w gzip. Kopiuj do schowka lub pobierz `.json` — te same dane, wybrany przez Ciebie sposób przekazania.
Jak przekonwertować HTML na JSON
Wklej lub zaimportuj HTML
Wrzuć markup do lewego edytora — zwykle ze schowka. Dla zapisanej strony użyj Wgraj, aby zaimportować `.html` lub `.htm`. Wybierz **Ekstrakcję tabel**, gdy dane są w tagach `<table>`; **Ekstrakcję pełnego tekstu**, gdy nagłówki, akapity i tabele są zmieszane.
Sprawdź siatkę i popraw błędy
Prawy panel pokazuje wiersze, które staną się JSON. Zweryfikuj nagłówki, liczby i scalone pasma. Wiele tabel w HTML? Wybierz arkusz na pasku. Zła wartość? Kliknij komórkę. Zła struktura? Przejdź do karty HTML i edytuj markup na miejscu — siatka aktualizuje się podczas pisania.
Ustaw opcje JSON
Otwórz **Opcje JSON** na pasku narzędzi. Włącz **Pierwszy wiersz jako klucze**, gdy chcesz tablicę obiektów z nazwanymi polami. Włącz **Czytelne formatowanie** dla wygodnego wyniku na karcie „Sformatowany” albo zajrzyj do „Zminifikowany”, gdy potrzebujesz kompaktowego ciągu.
Kopiuj lub pobierz
Użyj **Kopiuj JSON** dla szybkiego przejścia do edytora lub Postmana. Kliknij **Pobierz .json**, gdy plik ma trafić na dysk — nazwa podąża za importowanym plikiem. Znowu potrzebujesz HTML? Excel do HTML z menu konwersji na drogę powrotną.
HTML na JSON: pytania przed eksportem
Twój następny fragment HTML jako gotowy JSON
Wklej, sprawdź siatkę, edytuj markup lub komórki, skopiuj lub pobierz — bez ręcznego wpisywania obiektów.
HTML na JSON
- Ekstrakcja tabel i pełnego tekstu w jednym narzędziu
- Edytuj HTML na miejscu lub popraw wartości w siatce podglądu
- Pierwszy wiersz jako klucze i czytelne formatowanie JSON
- Kopiuj lub pobierz `.json` z paska narzędzi
Potrzebujesz odwrotnego markupu? Excel do HTML z menu konwersji.
Mniej ręcznego składania obiektów
Wyciągnij ustrukturyzowane dane z markupu WWW z podglądem do weryfikacji, zanim JSON opuści przeglądarkę.