Пустые ячейки
Этот конвертер превращает JSON в HTML-таблицу — чистую разметку, которую можно вставить на страницу, в письмо или CMS. Вставьте или откройте JSON, посмотрите таблицу и скопируйте или скачайте код.
Обновлено:
Как это работает
Вставьте или откройте JSON
Вставьте массив JSON, откройте файл .json, воспользуйтесь кнопкой «Открыть по ссылке» или «Загрузить пример». Массив записей находится автоматически.
Настройте разметку
Выберите HTML-таблицу или вложенные списки, добавьте CSS-класс, включите встроенные стили и отберите столбцы в табличном виде.
Скопируйте или скачайте
Проверьте результат на вкладке «Просмотр», затем скопируйте HTML или скачайте его файлом .html.
Возможности
Чистая разметка таблицы
<table> с <thead> и <tbody>, по одному <th> на ключ и по строке на запись — с отступами для чтения или в одну строку.
Классы и встроенные стили
Добавьте класс вроде table table-striped для своего фреймворка или включите «Встроенные стили» с рамками и отступами — для писем и редакторов без вашего CSS.
Вложенные списки
Если JSON — не список записей, режим «Вложенные списки» запишет любую структуру списками <ul> и <ol> с ключами, выделенными жирным.
Экранирование и безопасность
Все значения экранируются, поэтому <script> в данных показывается как текст. Предпросмотр работает в изолированной песочнице с отключенными скриптами.
Столбцы
Вложенные объекты становятся столбцами с точкой в имени. Ненужные столбцы можно скрыть, а остальные — переставить.
Ограничения и конфиденциальность
JSON-файл может занимать до 50 MB, в таблице — не больше 100 000 строк. Файлы больше 5 MB конвертируются напрямую из файла, без загрузки в редактор.
Таблицы Markdown и файлы закладок не поддерживаются. Подробнее — на странице о конфиденциальности.
Частые вопросы
Как превратить JSON в HTML-таблицу?
Вставьте массив JSON или откройте файл — разметка таблицы формируется по мере ввода. Нажмите «Копировать» или «Скачать .HTML».
Можно посмотреть таблицу до копирования?
Да. Вкладка «Просмотр» показывает таблицу так, как ее отрисует браузер, в изолированной песочнице.
Как добавить классы Bootstrap или свой CSS-класс?
Введите имена классов в поле «CSS-класс», например table table-striped. Они добавляются к элементу <table>.
Как вставить таблицу в письмо?
Включите «Встроенные стили»: рамки и отступы попадут прямо в атрибуты style, и оформление не будет зависеть от CSS, которого в письме нет.
Конвертер JSON в HTML бесплатный?
Да, бесплатный и без регистрации.
Что делать, если JSON — не массив?
Выберите «Вложенные списки», чтобы превратить любой JSON во вложенные HTML-списки, или укажите путь к массиву в поле «Массив для конвертации».
Загружаются ли мои данные на сервер?
Нет. HTML формируется в вашем браузере, а JSON не покидает устройство.