Превратите разметку страницы в JSON для скриптов, API и тестовых данных
Нужные данные часто уже на странице — внутри `<table>`, в превью CMS или в HTML-выгрузке с портала поставщика. Чего нет — чистого JSON: массива объектов для fetch-обработчика, блока конфигурации для фикстур или структурированных строк для seed-файла базы. Копировать текст из окна браузера редко помогает. Заголовки и ячейки слипаются, объединения пропадают, и в итоге объекты собирают вручную в редакторе. Поток из HTML в JSON должен позволять проверить структуру до того, как скопирована первая фигурная скобка. Инструмент работает локально во вкладке. Вставьте HTML слева, смотрите, как справа обновляются сетка и JSON, поправьте ячейку или исходную разметку, затем скопируйте или скачайте `.json`. Без очереди загрузки, без аккаунта — разметка не покидает ваш компьютер. Это важно, если в HTML есть имена клиентов, внутренние цены или неопубликованные характеристики товаров.
Конвертер из HTML в JSON для таблиц и целых страниц
Настоящий HTML редко сводится к одной идеальной таблице. То это прайс с заголовками `colspan`, то страница товара, откуда нужны и маркированный список, и таблица характеристик в одном JSON. Оба сценария закрываются здесь — без перехода на другой сервис. **Извлечение таблиц** читает семантическую разметку `<table>` и строит настоящую матрицу: `<th>` и `<td>` попадают в отдельные столбцы, `colspan` и `rowspan` видны в предпросмотре как объединённые ячейки — так понятно, как итоговые строки «сплющатся» в JSON. **Извлечение полного текста** обходит заголовки, абзацы и элементы списков, кладёт каждый блок в отдельную строку одного столбца и при этом разворачивает встроенные таблицы в многоколоночные строки. Режим подходит, когда страница в основном текст, а таблица — посередине, или когда в одном экспорте нужны и читаемый текст, и табличные данные. На выходе включите **Первая строка как ключи**, если строка заголовка должна стать именами свойств и нужен массив объектов, а не вложенный массив строк. **Красивое форматирование** оставляет вкладку «Форматированный» удобной для ревью кода; «Минифицированный» экономит символы, когда payload всё равно сжимают.
Большинство конвертеров с загрузкой скрывают этап разбора. Отправили файл, получили JSON — и только в Postman замечаете смещённый столбец. Здесь редактор HTML, предпросмотр сетки и панель JSON на одном экране. Неверное значение? Кликните ячейку в сетке и исправьте. Неверная структура — нет `<thead>`, лишний обёрточный `div`, битый тег — перейдите на вкладку HTML и правьте разметку на месте; предпросмотр обновляется по ходу работы. Несколько таблиц верхнего уровня в одной вставке становятся отдельными листами на панели. Проверьте каждый блок, выберите нужный лист, скопируйте или скачайте JSON. Снова понадобится разметка? Excel в HTML в меню конвертации работает по тому же принципу «сначала предпросмотр» в обратную сторону.
Попробовать конвертерРежим таблиц и режим полного текста
Сетки `<table>` для структурированных данных или вся страница для смешанного контента — без смены инструмента.
Правка HTML или ячеек до экспорта
Исправьте теги в исходной панели или значения в сетке — скопированный JSON совпадёт с тем, что вы проверили на экране.
Форматированный JSON с ключами объектов
Опциональное сопоставление заголовка с ключами и красивый вывод, плюс минифицированный вид для компактного payload.
Чем этот конвертер из HTML в JSON отличается от других
Рабочая область: HTML на входе, структурированный JSON на выходе — с предпросмотром, которому можно доверять до копирования.
Смотрите данные до того, как они станут JSON
JSON не прощает ошибок: сдвинулся столбец — у каждого объекта неверные имена полей. Предпросмотр сетки нужен, чтобы читать заголовки, просматривать числовые столбцы и замечать дублирующиеся строки, пока HTML ещё открыт рядом. Вставка — полноценный сценарий. У разработчиков фрагмент часто уже есть — из DevTools, сохранённой выгрузки, шаблона письма, снимка Storybook. Загружайте `.html` или `.htm`, если файл не помещается в буфер; в обоих случаях разбор остаётся в браузере. Когда предпросмотр устраивает, откройте **Параметры JSON**: сопоставьте первую строку с ключами или оставьте простой двумерный массив. Вкладка «Форматированный» показывает вывод с отступами для проверки; «Минифицированный» убирает пробелы для payload, который всё равно пойдёт в gzip. Копируйте в буфер или скачивайте `.json` — те же данные, удобный для вас способ передачи.
Как конвертировать HTML в JSON
Вставьте или импортируйте HTML
Поместите разметку в левый редактор — чаще всего из буфера обмена. Для сохранённой страницы нажмите Загрузить и импортируйте `.html` или `.htm`. Выберите **Извлечение таблиц**, если данные в тегах `<table>`; **Извлечение полного текста**, если на странице смешаны заголовки, абзацы и таблицы.
Проверьте сетку и исправьте ошибки
Правая панель показывает строки, которые станут JSON. Проверьте заголовки, числа и объединённые полосы. Несколько таблиц в HTML? Выберите лист на панели. Неверное значение? Кликните ячейку. Неверная структура? Перейдите на вкладку HTML и правьте разметку на месте — сетка обновляется по мере ввода.
Задайте параметры JSON
Откройте **Параметры JSON** на панели инструментов. Включите **Первая строка как ключи**, если нужен массив объектов с именованными полями. Включите **Красивое форматирование** для читаемого вывода на вкладке «Форматированный» или смотрите «Минифицированный», когда нужна компактная строка.
Скопируйте или скачайте
**Копировать JSON** — быстрый переход в редактор или Postman. **Скачать .json** — если файл нужен на диске; имя следует за импортированным файлом. Снова нужен HTML? Excel в HTML в меню конвертации для обратного пути.
Из HTML в JSON — вопросы перед экспортом
Следующий фрагмент HTML — как готовый JSON
Вставьте, проверьте сетку, правьте разметку или ячейки, скопируйте или скачайте — без ручного набора объектов.
из HTML в JSON
- Извлечение таблиц и полного текста в одном инструменте
- Правка HTML на месте или значений в сетке предпросмотра
- Первая строка как ключи и красивое форматирование JSON
- Копирование или скачивание `.json` с панели инструментов
Нужна обратная разметка? Excel в HTML в меню конвертации.
Меньше ручной сборки объектов
Достаньте структурированные данные из веб-разметки с предпросмотром, который можно проверить до того, как JSON покинет браузер.