UltKit

Prevod JSON na HTML tabuľku

Ukážte výstup z API ľuďom, ktorí nikdy neotvoria súbor .json. Konvertor zostaví z vašich záznamov HTML tabuľku s jednou bunkou hlavičky pre každý kľúč a jedným riadkom pre každý objekt, pripravenú na otvorenie v prehliadači alebo vloženie do stránky.

Prevodník dát

alebo sem presuňte súbory CSV, TSV, TXT … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Výstup

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

Ako používať tento nástroj

  1. 1

    Nahrajte dáta JSON

    Pridajte súbory .json, .jsonl alebo .ndjson. Najčistejšiu tabuľku dá pole objektov s rovnakými kľúčmi. Až 20 súborov, každý do 95 MB.

  2. 2

    Skontrolujte hlavičky a dátumy

    Kľúče sa stanú hlavičkami stĺpcov. V časti Rozšírené nastavenia nastavte Dátumy na formát, ktorý vaši čitatelia poznajú, napríklad 10/18/2026 pre americké publikum.

  3. 3

    Previeďte na HTML tabuľku

    Stlačte Previesť na HTML tabuľku, otvorte súbor .html v prehliadači a skontrolujte ho, potom tabuľku skopírujte do CMS, editora newslettera alebo wiki.

Prevod JSON na HTML zmení pole záznamov na jednoduchý element table: kľúče hore, jeden riadok na záznam a nič navyše, takže sa hodí na akúkoľvek stránku či e-mail.

Kto potrebuje zobraziť JSON ako HTML tabuľku

JSON zvyčajne vychádza zo systému a tabuľka je určená človeku. Produktový manažér získa z administračného API zoznam feature flagov a chce ho v tímovej wiki. Vývojár musí klientovi ukázať výsledky exportu dát bez prehliadača JSON. Editor newslettera dostane zoznam podujatí z rezervačnej platformy a potrebuje ho do ďalšieho vydania. Ručné písanie riadkov pre stovky záznamov je pomalé.

Tabuľky sú súčasťou webu od HTML 3.2, ktoré W3C vydalo ako odporúčanie v januári 1997, a každý prehliadač, CMS aj e-mailový klient ich vie zobraziť. Konvertor zapíše iba štruktúru, bunky hlavičky a údajov, takže vzhľad určujú existujúce štýly vášho webu. Ak je cieľom README na GitHube alebo dokumentácia v Markdowne, CSV do Markdownu vytvorí ekvivalent v podobe tabuľky s zvislými čiarami.

Príklad prevodu JSON na HTML tabuľku

Dva záznamy o vydaní prevedené cez Previesť na HTML tabuľku
[
  {"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>

Vstup JSON a výstupy tabuľky, z ktorých si môžete vybrať

from ↓ · to →HTML tableTabuľka MarkdownDOCX table
JSON arrayJSON array to HTML table: yesJSON array to Tabuľka Markdown: yesJSON array to DOCX table: yes
JSON LinesJSON Lines to HTML table: yesJSON Lines to Tabuľka Markdown: yesJSON Lines to DOCX table: yes
NDJSONNDJSON to HTML table: yesNDJSON to Tabuľka Markdown: yesNDJSON to DOCX table: yes
CSVCSV to HTML table: yesCSV to Tabuľka Markdown: yesCSV to DOCX table: yes
XLSXXLSX to HTML table: yesXLSX to Tabuľka Markdown: yesXLSX to DOCX table: yes
supported not offeredVšetky vstupy umožňujú **Previesť na** ktorýkoľvek z troch tabuľkových výstupov; táto stránka predvolí HTML.

Kde HTML tabuľka funguje dobre

  • Wiki, stránky CMS a intranetové portály, ktoré prijímajú čisté HTML
  • E-mailové newslettre, kde sa tabuľky zobrazia takmer v každom klientovi
  • Rýchle zdieľanie: súbor otvorí každý prehliadač, netreba žiadny softvér

Kde je to zlá voľba

  • Dáta, ktoré ľudia budú ďalej upravovať a patria do tabuľkového procesora
  • Veľmi veľké exporty, kde sa stránka s 50 000 riadkami pomaly posúva
  • Vstup pre iný program, ktorý by mal dostať radšej JSON alebo CSV

Formáty JSON a HTML v skratke

JSON

JavaScript Object Notation

JSON je ľahký textový formát pre štruktúrované dáta, ktorý na začiatku 21. storočia spopularizoval Douglas Crockford a ktorý je normalizovaný ako RFC 8259 a ECMA-404. Pomocou jednoduchej, čitateľnej syntaxe vyjadruje objekty, polia, reťazce, čísla, booleovské hodnoty a null. Je predvoleným formátom webových API, konfiguračných súborov a výmeny dát medzi aplikáciami takmer v každom programovacom jazyku. Nemá vstavané komentáre, dátumy ani schémy a veľké vnorené súbory sa bez prehliadača ťažko čítajú.

Kompresia
–
Priehľadnosť
–
Animácia
–
Rok vzniku
2001 · Douglas Crockford
Konvertor JSON

HTML

HyperText Markup Language

HTML je značkovací jazyk webu, ktorý prvýkrát opísal Tim Berners-Lee na začiatku 90. rokov a dnes ho ako živý štandard spravuje WHATWG. Súbor HTML opisuje nadpisy, odseky, odkazy, tabuľky, obrázky a formuláre, zatiaľ čo vzhľad zvyčajne určuje CSS. Zobrazí ho každý prehliadač a používa sa aj pre e-mailové šablóny a uložené webové stránky. Jeden súbor HTML často závisí od externých obrázkov a štýlov, preto môže po samostatnom presune vyzerať pokazene.

Kompresia
–
Priehľadnosť
–
Animácia
–
Rok vzniku
1993 · Tim Berners-Lee; maintained by WHATWG
Konvertor HTML

JSON sa vykresľuje ako HTML, keď si údaje získané kódom majú prečítať ľudia v prehliadači, e-maile alebo na stránke CMS, kde tabuľka s hlavičkami poráža surové zátvorky a úvodzovky.

Oba formáty stoja na opačných koncoch webovej požiadavky. JSON je to, čo server posiela kódu, a HTML je to, čo prehliadač nakoniec zobrazí. Ručný prevod znamená urobiť v súbore to, čo by za behu urobila šablóna frontendu, čo je správna voľba, keď sú dáta momentka, nie prúd, ktorý sa mení každú minútu.

Otázky o prevode JSON na HTML

Môžem HTML tabuľku vložiť do WordPressu?

Áno. Prepnite blokový editor na blok Vlastné HTML alebo klasický editor na kartu Text a vložte element table. Štýly tabuliek vašej témy sa použijú automaticky, pretože výstup obsahuje len značky, nie vlastný štýlový súbor.

Zobrazí sa tabuľka v Outlooku a Gmaile?

HTML tabuľky sú najspoľahlivejšou štruktúrou v e-maile, pretože desktopový Outlook od verzie 2007 vykresľuje správy pomocou enginu Wordu a ignoruje veľa moderného CSS. Tabuľku vložte cez možnosť HTML alebo zdrojového kódu vo svojom e-mailovom nástroji namiesto prikladania súboru.

Ako sa v tabuľke zobrazia vnorené objekty?

Vnorené objekty sa rozložia do ďalších stĺpcov s názvami s bodkou, napríklad customer.email. Zoznam hodnôt v rámci jedného záznamu zostane v jednej bunke ako text JSON, pretože riadok tabuľky nemôže mať pre každý záznam iný počet buniek.

Sú špeciálne znaky z mojich dát v HTML bezpečné?

Znaky s významom v HTML, napríklad < a &, sa zapíšu ako entity, takže hodnota ako <b>Sale</b> sa zobrazí ako text a bunka sa nezmení na tučnú. Zároveň sa tak zabráni spusteniu zatúlaných značiek z údajov od používateľov na vašej stránke.

Prečo použiť tabuľku namiesto grafu?

Tabuľky ukazujú presné hodnoty a umožňujú čitateľom vyhľadať jeden riadok; grafy ukazujú trendy. Na cenník, zoznam vydaní alebo adresár zamestnancov je vhodná tabuľka; pri časovom rade použite HTML tabuľku ako zdroj dát pre knižnicu grafov.

Môžem dáta po prevode upraviť?

Upravujte zdroj, nie HTML. Aktualizujte JSON alebo tabuľku, z ktorej pochádza, a preveďte znova, alebo presuňte záznamy do zošita cez JSON do Excelu, ak ich budú spravovať ľudia, ktorí nie sú vývojári.