Puste komórki
Ten konwerter JSON na tabelę HTML zamienia JSON w czysty kod tabeli do wklejenia na stronę, do e-maila lub systemu CMS. Wystarczy wkleić lub otworzyć JSON, obejrzeć podgląd tabeli, a potem skopiować albo pobrać kod.
Ostatnia aktualizacja:
Jak to działa
Otwórz lub wklej JSON
Wystarczy wkleić tablicę JSON, otworzyć plik .json, skorzystać z „Otwórz z adresu URL” albo „Wczytaj przykład”. Tablica rekordów jest wyszukiwana automatycznie.
Dostosuj kod
Do wyboru jest „Tabela HTML” lub „Zagnieżdżone listy”, „Klasa CSS”, „Style inline” oraz kolumny w widoku tabeli.
Skopiuj lub pobierz
Po sprawdzeniu podglądu kod HTML można skopiować albo pobrać jako plik .html.
Funkcje
Czysty kod tabeli
Element <table> z <thead> i <tbody>, jeden <th> na każdy klucz i jeden wiersz na rekord – z wcięciami dla czytelności albo w jednym wierszu.
Klasy i style inline
Można dodać klasę, np. table table-striped dla używanego frameworka, albo style inline z obramowaniem i odstępami – do e-maili i edytorów bez twojego CSS.
Zagnieżdżone listy
Gdy JSON nie jest listą rekordów, tryb „Zagnieżdżone listy” zapisuje dowolną strukturę jako listy <ul> i <ol> z pogrubionymi kluczami.
Bezpieczne znaki specjalne
Każda wartość jest zamieniana na encje, więc <script> w danych wyświetla się jako zwykły tekst. Podgląd działa w piaskownicy z wyłączonymi skryptami.
Kolumny
Zagnieżdżone obiekty stają się kolumnami z kropką w nazwie. Zbędne kolumny można ukryć, a pozostałym zmienić kolejność.
Limity i prywatność
Pliki JSON mogą mieć do 50 MB, a tabele – do 100 000 wierszy. Pliki większe niż 5 MB są konwertowane bezpośrednio z pliku, bez wczytywania do edytora.
Tabele Markdown i pliki zakładek nie są obsługiwane. Więcej na stronie o prywatności.
Najczęstsze pytania
Jak zamienić JSON na tabelę HTML?
Wystarczy wkleić tablicę JSON lub otworzyć plik. Kod tabeli pojawia się na bieżąco, a „Kopiuj” i „Pobierz .HTML” pozwalają go zabrać.
Czy można zobaczyć podgląd tabeli HTML?
Tak. Karta „Podgląd” pokazuje tabelę tak, jak wyświetli ją przeglądarka – w odizolowanej piaskownicy.
Jak dodać klasę Bootstrapa lub własną klasę CSS?
Wystarczy wpisać nazwy klas w polu „Klasa CSS”, np. table table-striped. Zostaną dodane do elementu <table>.
Jak wkleić tabelę do e-maila, żeby miała obramowanie?
Wystarczy włączyć „Style inline”: obramowania i odstępy trafią do atrybutów style, więc tabela dobrze wygląda także tam, gdzie nie ma twojego CSS.
Co, jeśli mój JSON nie jest tablicą?
Wtedy można wybrać „Zagnieżdżone listy”, aby zamienić dowolny JSON na zagnieżdżone listy HTML, albo wpisać ścieżkę tablicy w polu „Tablica do konwersji”.
Czy konwerter jest darmowy i czy dane są wysyłane?
Jest bezpłatny i nie wymaga konta. Kod HTML powstaje w przeglądarce, a JSON nie opuszcza urządzenia.