UltKit

JSON HTML táblázattá alakítása

Mutassa meg az API-kimenetet azoknak is, akik soha nem nyitnának meg egy .json fájlt. Az átalakító HTML táblázatot készít a rekordjaiból: minden kulcshoz egy fejléccellát, minden objektumhoz egy sort. A táblázat azonnal megnyitható böngészőben, vagy beilleszthető egy oldalba.

Adatkonvertáló

vagy húzza ide a(z) CSV, TSV, TXT … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

  1. 1

    Töltse fel a JSON-adatokat

    Adjon hozzá .json, .jsonl vagy .ndjson fájlokat. A legtisztább táblázatot az azonos kulcsú objektumokból álló tömb adja. Legfeljebb 20 fájl, fájlonként 95 MB.

  2. 2

    Ellenőrizze a fejléceket és a dátumokat

    A kulcsokból lesznek az oszlopfejlécek. A Speciális beállítások alatt állítsa a Dátumok értékét olyan formátumra, amelyet az olvasói megszoktak, például amerikai közönségnek 10/18/2026.

  3. 3

    Alakítsa át HTML táblázattá

    Nyomja meg a Konvertálás erre HTML table gombot, nyissa meg az .html fájlt böngészőben ellenőrzéshez, majd másolja a táblázatot a CMS-be, a hírlevélszerkesztőbe vagy a wikibe.

A JSON HTML-be átalakító rekordok tömbjéből egyszerű table elemet készít: fönt a kulcsok, rekordonként egy sor, és semmi más, így bármilyen oldalba vagy e-mailbe beilleszthető.

Kinek van szüksége a JSON HTML táblázatként való megjelenítésére

A JSON általában egy rendszerből jön, a táblázat viszont embernek készül. A termékmenedzser egy admin API-ból lekéri a funkciókapcsolók listáját, és a csapat wikijében szeretné látni. A fejlesztőnek egy adatexport eredményét kell megmutatnia az ügyfélnek JSON-megjelenítő nélkül. A hírlevélszerkesztő egy foglalási platformról kapja az eseménylistát, és a következő számba kell tennie. Több száz rekord soronkénti begépelése lassú.

A táblázatok a HTML 3.2 óta a web részei, amelyet a W3C 1997 januárjában tett közzé ajánlásként, és minden böngésző, CMS és e-mail-kliens meg tudja jeleníteni őket. Az átalakító csak a szerkezetet írja ki, fejléc- és adatcellákat, így a megjelenést az oldal meglévő stílusai döntik el. Ha a cél egy GitHub README vagy Markdownban írt dokumentáció, a CSV Markdownba a függőleges vonalas táblázat megfelelőjét adja.

Példa: JSON-ból HTML táblázat

Két kiadási rekord átalakítva a Konvertálás erre HTML table paranccsal
[
  {"version": "2.4.0", "date": "2026-09-30", "notes": "Faster search & export"},
  {"version": "2.3.1", "date": "2026-08-12", "notes": "Fix <select> width"}
]

<table>
  <thead>
    <tr><th>version</th><th>date</th><th>notes</th></tr>
  </thead>
  <tbody>
    <tr><td>2.4.0</td><td>2026-09-30</td><td>Faster search &amp; export</td></tr>
    <tr><td>2.3.1</td><td>2026-08-12</td><td>Fix &lt;select&gt; width</td></tr>
  </tbody>
</table>

JSON-bemenet és a választható táblázatkimenetek

from ↓ · to →HTML tableMarkdown-táblázatDOCX table
JSON arrayJSON array to HTML table: yesJSON array to Markdown-táblázat: yesJSON array to DOCX table: yes
JSON LinesJSON Lines to HTML table: yesJSON Lines to Markdown-táblázat: yesJSON Lines to DOCX table: yes
NDJSONNDJSON to HTML table: yesNDJSON to Markdown-táblázat: yesNDJSON to DOCX table: yes
CSVCSV to HTML table: yesCSV to Markdown-táblázat: yesCSV to DOCX table: yes
XLSXXLSX to HTML table: yesXLSX to Markdown-táblázat: yesXLSX to DOCX table: yes
supported not offeredMinden bemenetnél a **Konvertálás erre** mezőben bármelyik háromféle táblázatkimenet választható; ez az oldal előre a HTML-t jelöli ki.

Mikor jó a HTML-táblázat

  • Wikik, CMS-oldalak és intranetes portálok, amelyek elfogadnak nyers HTML-t
  • E-mailes hírlevelek, ahol a táblázat szinte minden kliensben megjelenik
  • Gyors megosztás: bármely böngésző megnyitja a fájlt, szoftver nélkül

Mikor rossz választás

  • Olyan adatok, amelyeket folyamatosan szerkesztenek, ezek táblázatkezelőbe valók
  • Nagyon nagy exportok, ahol az 50 000 soros oldalon lassú a görgetés
  • Másik programnak szánt adat, amelynek inkább JSON vagy CSV kell

A JSON és a HTML formátum röviden

JSON

JavaScript Object Notation

A JSON egy könnyű, szöveges formátum strukturált adatokhoz, amelyet Douglas Crockford tett népszerűvé a 2000-es évek elején, és RFC 8259 és ECMA-404 néven szabványosítottak. Objektumokat, tömböket, szövegeket, számokat, logikai értékeket és null értéket ír le egyszerű, olvasható szintaxissal. Ez az alapértelmezett formátum a webes API-khoz, a konfigurációs fájlokhoz és az alkalmazások közti adatcseréhez szinte minden programozási nyelvben. Nincs benne beépített megjegyzés, dátum vagy séma, és a nagy, mélyen egymásba ágyazott fájlok megjelenítő nélkül nehezen olvashatók.

Tömörítés
–
Átlátszóság
–
Animáció
–
Bevezetés éve
2001 · Douglas Crockford
JSON átalakító

HTML

HyperText Markup Language

A HTML a web leírónyelve, amelyet Tim Berners-Lee írt le először az 1990-es évek elején, ma a WHATWG gondozza élő szabványként. A HTML-fájl fejléceket, bekezdéseket, hivatkozásokat, táblázatokat, képeket és űrlapokat ír le, a megjelenést általában CSS adja. Minden böngésző megjeleníti, e-mailsablonokhoz és mentett weboldalakhoz is használják. Egyetlen HTML-fájl gyakran külső képektől és stíluslapoktól függ, ezért önmagában áthelyezve hibásnak tűnhet.

Tömörítés
–
Átlátszóság
–
Animáció
–
Bevezetés éve
1993 · Tim Berners-Lee; maintained by WHATWG
HTML átalakító

A JSON-t akkor alakítják HTML-lé, ha a kóddal lekért adatot embereknek kell olvasniuk böngészőben, e-mailben vagy CMS-oldalon, ahol a fejlécekkel ellátott táblázat jobb a nyers kapcsos zárójeleknél és idézőjeleknél.

A két formátum egy webes kérés két végén áll. A JSON az, amit a szerver kódnak küld, a HTML pedig az, amit a böngésző végül megjelenít. A kézi átalakítás azt végzi el fájlban, amit egy frontend sablon futásidőben tenne, és ez jó csere, ha az adat pillanatkép, nem percenként változó adatfolyam.

Kérdések a JSON HTML-be alakításáról

Beilleszthetem a HTML táblázatot WordPressbe?

Igen. Váltson a blokkszerkesztőben Egyéni HTML blokkra, vagy a klasszikus szerkesztőben a Szöveg fülre, és illessze be a table elemet. A sablon táblázatstílusai automatikusan érvényesülnek, mert a kimenet csak jelölést tartalmaz, saját stíluslapot nem.

Megjelenik a táblázat az Outlookban és a Gmailben?

A HTML-táblázat a legmegbízhatóbb szerkezet e-mailben, mert az asztali Outlook az Outlook 2007 óta a Word motorjával jeleníti meg a leveleket, és a modern CSS nagy részét figyelmen kívül hagyja. A táblázatot az e-mail-eszköz HTML- vagy forrásnézetén keresztül szúrja be, ne csatolja a fájlt.

Hogyan jelennek meg a beágyazott objektumok a táblázatban?

A beágyazott objektumok további oszlopokká bomlanak pontozott nevekkel, például customer.email. Az egy rekordon belüli értéklista egyetlen cellában marad JSON-szövegként, mert a táblázat sorai nem tartalmazhatnak rekordonként eltérő számú cellát.

Biztonságosak az adataimban lévő különleges karakterek a HTML-ben?

A HTML-ben jelentéssel bíró karakterek, például a < és az &, entitásként íródnak ki, így egy <b>Sale</b> értékhez hasonló szöveg szövegként jelenik meg, nem teszi félkövérré a cellát. Ez azt is megakadályozza, hogy a felhasználói adatok kósza jelölései lefussanak az oldalán.

Miért érdemes táblázatot használni diagram helyett?

A táblázat pontos értékeket mutat, és lehetővé teszi egy sor kikeresését; a diagram a trendeket mutatja. Árlistához, kiadási naplóhoz vagy munkatársi névsorhoz a táblázat való; idősorhoz használja a HTML-táblázatot egy diagramkönyvtár adatforrásaként.

Szerkeszthetem az adatokat az átalakítás után?

A forrást szerkessze, ne a HTML-t. Frissítse a JSON-t vagy a táblázatot, amelyből készült, és alakítsa át újra, vagy vigye a rekordokat munkafüzetbe a JSON Excelbe eszközzel, ha nem fejlesztők fogják karbantartani őket.