formatdesk

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

Вхідний JSON

або перетягніть файл сюди чи вставте код нижче
Вхідний JSON

Результат (HTML)

Результат (HTML)

Порожні клітинки

Файли не залишають браузераЯк саме?

Цей конвертер JSON в HTML перетворює JSON на чисту розмітку таблиці HTML, яку можна вставити на сторінку, в електронний лист чи CMS. Вставте або відкрийте JSON, перегляньте таблицю й скопіюйте чи завантажте код.

Оновлено:

Як це працює

  1. Вставте або відкрийте JSON

    Вставте масив JSON, відкрийте файл .json, вкажіть URL або натисніть «Відкрити приклад». Масив записів знаходиться автоматично.

  2. Налаштуйте розмітку

    Виберіть таблицю або вкладені списки, додайте клас CSS, увімкніть вбудовані стилі й виберіть стовпці в поданні «Таблиця».

  3. Скопіюйте або завантажте

    Перевірте результат на вкладці «Перегляд», а потім скопіюйте 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».

Чи можна переглянути таблицю HTML?

Так. Вкладка «Перегляд» показує таблицю так, як її відобразить браузер, в ізольованій пісочниці.

Як додати клас Bootstrap або власний клас CSS?

Введіть назви класів у поле «Клас CSS», наприклад table table-striped. Їх буде додано до елемента <table>.

Чи безкоштовний цей конвертер JSON в HTML?

Так, він безкоштовний і не потребує облікового запису.

Що робити, якщо мій JSON — не масив?

Виберіть «Вкладені списки», щоб перетворити будь-який JSON на вкладені списки HTML, або вкажіть шлях до масиву в полі «Масив для конвертування».

Чи надсилаються мої дані на сервер?

Ні. HTML створюється у вашому браузері, а JSON не залишає вашого пристрою.

Схожі інструменти