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

Вставьте HTML-таблицу или фрагмент страницы и преобразуйте каждую таблицу в JSON и CSV в браузере. Вставленная разметка остаётся на вашем устройстве.

Конвертер HTML-таблицы в JSON разбирает вставленную вами разметку целиком в вашем браузере. HTML таблицы и производимые из него JSON или CSV остаются на вашем устройстве и никогда не загружаются в ArrayKit.

Открыть форматировщик JSON

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

Конвертер HTML-таблицы в JSON превращает любой вставленный <table> — или целый фрагмент страницы, полный таблиц, — в чистый JSON-массив объектов-строк и соответствующий CSV. Каждая ячейка заголовка становится ключом, поэтому строка вроде <td>Ada</td><td>Admin</td> читается как { "Name": "Ada", "Role": "Admin" }. Он понимает thead и tbody, использует ячейки th как заголовки, синтезирует метки column_1, column_2, когда у таблицы их нет, и разворачивает colspan и rowspan, чтобы каждая строка выстроилась в прямоугольную сетку. Когда разметка содержит несколько таблиц, вы можете переключаться между ними и копировать каждый результат отдельно. Создан для парсинга отчёта, переноса спецификации в код или наполнения фикстуры из документации. Вставленный HTML разбирается локально и никогда не покидает ваше устройство.

Возможности

Как использовать Конвертер HTML-таблицы в JSON

  1. Вставьте HTML-таблицу <table> или фрагмент страницы, содержащий одну или несколько таблиц
  2. Переключайтесь между JSON и CSV переключателем формата
  3. Если найдено несколько таблиц, выберите одну в переключателе таблиц
  4. Скопируйте вывод или скачайте его как файл .json или .csv

Пример

Ввод

<table><thead><tr><th>Name</th><th>Role</th></tr></thead><tbody><tr><td>Ada</td><td>Admin</td></tr><tr><td>Linus</td><td>Author</td></tr></tbody></table>

Результат

[
  { "Name": "Ada", "Role": "Admin" },
  { "Name": "Linus", "Role": "Author" }
]

Ячейки <th> становятся ключами объектов, а каждый <tr> становится одним объектом-строкой.

Частые ошибки и устранение неполадок

Часто задаваемые вопросы

Как конвертер выбирает ключи JSON из моей таблицы?
Он использует ячейки заголовка. Строка <thead> или первая строка, содержащая ячейки <th>, задаёт ключи. Каждая следующая строка становится одним объектом, значения которого выравниваются по этим заголовкам по позиции столбца.
Что происходит с ячейками colspan и rowspan?
Они разворачиваются в плотную сетку. Ячейка с colspan повторяется по каждому столбцу, который она охватывает, а ячейка с rowspan переносится вниз в каждую строку, которую она охватывает, так что у каждого объекта-строки один и тот же набор ключей.
Может ли он извлечь больше одной таблицы из фрагмента страницы?
Да. Вставьте целый фрагмент, и каждый <table> извлекается в порядке документа. Переключатель таблиц позволяет переключаться между ними и копировать JSON или CSV каждой таблицы отдельно.
Что если у моей таблицы нет строки заголовка?
Когда нет <thead> и нет <th> в первой строке, инструмент синтезирует ключи с именами column_1, column_2 и так далее и рассматривает каждую строку как данные, а не отбрасывает первую.
Выводит ли он также CSV, а не только JSON?
Да. Переключите формат на CSV, чтобы получить экспорт по RFC-4180, где значения, содержащие запятые, кавычки или переносы строк, заключаются в кавычки корректно. Вы можете скопировать его или скачать файл .csv.
Загружается ли вставленный мной HTML куда-либо?
Нет. Разметка разбирается в вашем браузере стандартным DOM-парсером, а получаемые JSON и CSV строятся на вашем устройстве. Вставленная таблица никогда не отправляется на сервер.

Связанные инструменты

Все инструменты ArrayKit