UltKit
Изображения11
PDF13
Документы и данные7
Видео6
Аудио4
Другие инструменты22

Конвертер JSON в HTML-таблицу

Покажите ответ API тем, кто никогда не откроет файл .json. Конвертер собирает HTML-таблицу из ваших записей: одна ячейка заголовка на каждый ключ и одна строка на каждый объект. Таблицу можно сразу открыть в браузере или вставить на страницу.

Конвертер данных

или перетащите сюда файлы CSV, TSV, TXT … ·

Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут

Вывод

Файлы обрабатываются на наших серверах и удаляются через 30 минут.

Как пользоваться инструментом

  1. 1

    Загрузите данные JSON

    Добавьте файлы .json, .jsonl или .ndjson. Чище всего получается таблица из массива объектов с одинаковыми ключами. До 20 файлов, каждый до 95 MB.

  2. 2

    Проверьте заголовки и даты

    Ключи станут заголовками столбцов. В разделе Расширенные настройки выберите для параметра Даты формат, привычный вашим читателям, например 18.10.2026 для российской аудитории.

  3. 3

    Конвертируйте в HTML-таблицу

    Нажмите Преобразовать в HTML table, откройте .html-файл в браузере, чтобы проверить результат, а затем скопируйте таблицу в CMS, редактор рассылки или вики.

Конвертер JSON в HTML превращает массив записей в обычный элемент table: ключи сверху, одна строка на запись и ничего лишнего, поэтому таблица подойдет для любой страницы или письма.

Кому нужно показать JSON в виде HTML-таблицы

Обычно JSON выдает система, а таблица предназначена человеку. Продакт-менеджер получает список feature flags из административного API и хочет разместить его в вики команды. Разработчику нужно показать клиенту результаты выгрузки данных, не предлагая ему просмотрщик JSON. Редактор рассылки получает афишу мероприятий с платформы бронирования и должен вставить ее в ближайший выпуск. Набирать вручную сотни записей слишком долго.

Таблицы входят в веб со времен HTML 3.2, который W3C опубликовал как Рекомендацию в январе 1997 года, и любой браузер, CMS и почтовый клиент умеют их показывать. Конвертер записывает только структуру, ячейки заголовка и ячейки данных, так что внешний вид определяют существующие стили вашего сайта. Если результат нужен для README на GitHub или документации на Markdown, CSV в Markdown создает аналогичную таблицу с вертикальными чертами.

Пример конвертации JSON в HTML-таблицу

Две записи о релизах после преобразования в HTML table
[
  {"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 и доступные варианты таблицы

from ↓ · to →HTML tableТаблица MarkdownDOCX table
JSON arrayJSON array to HTML table: yesJSON array to Таблица Markdown: yesJSON array to DOCX table: yes
JSON LinesJSON Lines to HTML table: yesJSON Lines to Таблица Markdown: yesJSON Lines to DOCX table: yes
NDJSONNDJSON to HTML table: yesNDJSON to Таблица Markdown: yesNDJSON to DOCX table: yes
CSVCSV to HTML table: yesCSV to Таблица Markdown: yesCSV to DOCX table: yes
XLSXXLSX to HTML table: yesXLSX to Таблица Markdown: yesXLSX to DOCX table: yes
supported not offeredЛюбой из входных форматов можно **Преобразовать в** любую из трех таблиц; на этой странице заранее выбран HTML.

Когда HTML-таблица подходит

  • Вики, страницы CMS и интранет-порталы, принимающие HTML
  • Рассылки по email: таблицы отображаются почти в любом клиенте
  • Быстрый обмен: файл откроет любой браузер, дополнительные программы не нужны

Когда она не подходит

  • Данные, которые будут постоянно редактировать: им место в электронной таблице
  • Очень большие выгрузки: страница с 50 000 строк медленно прокручивается
  • Передача данных другой программе: ей лучше отдать JSON или CSV

Форматы JSON и HTML: краткий обзор

JSON

Формат JSON (JavaScript Object Notation)

JSON — лёгкий текстовый формат для структурированных данных, который популяризировал Дуглас Крокфорд в начале 2000-х; он стандартизован как RFC 8259 и ECMA-404. Он описывает объекты, массивы, строки, числа, логические значения и null с помощью простого и читаемого синтаксиса. Это формат по умолчанию для веб-API, файлов конфигурации и обмена данными между приложениями практически на любом языке программирования. В нём нет встроенных комментариев, дат и схем, а большие вложенные файлы трудно читать без просмотрщика.

Сжатие
–
Прозрачность
–
Анимация
–
Год появления
2001 · Douglas Crockford
Конвертер JSON

HTML

Язык разметки HTML

HTML — язык разметки веба, впервые описанный Тимом Бернерсом-Ли в начале 1990-х; сейчас его развивает WHATWG как «живой стандарт». HTML-файл описывает заголовки, абзацы, ссылки, таблицы, изображения и формы, а оформление обычно задаётся через CSS. Его отображает любой браузер; формат также используется для шаблонов писем и сохранённых веб-страниц. Отдельный HTML-файл часто зависит от внешних изображений и таблиц стилей, поэтому после переноса без них он может выглядеть «сломанным».

Сжатие
–
Прозрачность
–
Анимация
–
Год появления
1993 · Tim Berners-Lee; maintained by WHATWG
Конвертер HTML

JSON превращают в HTML, когда данные, полученные кодом, должны читать люди в браузере, письме или на странице CMS: там таблица с заголовками удобнее сырых скобок и кавычек.

Эти два формата находятся на разных концах веб-запроса. JSON сервер отправляет коду, а HTML в итоге показывает браузер. Конвертация вручную означает, что в файле делается то, что шаблон на фронтенде делал бы во время работы; это оправданно, когда данные — снимок, а не поток, меняющийся каждую минуту.

Вопросы о конвертации JSON в HTML

Можно ли вставить HTML-таблицу в WordPress?

Да. Переключите блочный редактор на блок «Произвольный HTML» (Custom HTML), а классический редактор на вкладку «Текст» и вставьте элемент table. Стили таблиц вашей темы применятся автоматически: в результате только разметка, собственной таблицы стилей в нём нет.

Отображается ли таблица в Outlook и Gmail?

HTML-таблицы — самая надежная структура для писем: настольный Outlook со времен Outlook 2007 отображает сообщения движком Word и игнорирует многие современные CSS-свойства. Вставляйте таблицу через HTML-режим или режим исходного кода вашего почтового сервиса, а не прикрепляйте файл.

Как вложенные объекты показываются в таблице?

Вложенные объекты раскладываются в дополнительные столбцы с именами через точку, например customer.email. Список значений внутри одной записи остается в одной ячейке в виде текста JSON: строка таблицы не может содержать разное число ячеек для разных записей.

Безопасны ли спецсимволы из моих данных в HTML?

Символы, имеющие значение в HTML, такие как < и &, записываются как сущности, поэтому значение вроде <b>Sale</b> отображается как текст, а не делает содержимое ячейки полужирным. Так же посторонняя разметка из пользовательских данных не выполнится на вашей странице.

Зачем нужна таблица, а не диаграмма?

Таблицы показывают точные значения и позволяют найти одну строку, а диаграммы показывают тенденции. Для прайс-листа, журнала релизов или справочника сотрудников подходит таблица; для временного ряда используйте HTML-таблицу как источник данных для библиотеки диаграмм.

Можно ли редактировать данные после конвертации?

Правьте источник, а не HTML. Обновите JSON или таблицу, из которой он получен, и конвертируйте заново, либо перенесите записи в книгу с помощью JSON в Excel, если данные будут вести не разработчики.