Редагувати та форматувати JSON онлайн

JSON без відступів і підсвічування, весь в одному рядку, важко читати й виправляти. Цей інструмент дозволяє відкривати, редагувати, форматувати та зберігати файл JSON прямо в браузері за допомогою редактора з відкритим кодом jsoneditor (від Jos de Jong, версія 9.1.0), без встановлення чогось додатково.

Для чого він потрібен

• Відкрити JSON і переглянути його як текст із підсвічуванням або як дерево вузлів.
• Виявити синтаксичні помилки (зайва кома, одинарні лапки, ключ без лапок) до того, як використати його у своєму коді.
• Відформатувати (розставити відступи) JSON або стиснути його в один рядок однією кнопкою.
• Сортувати, фільтрувати або перетворювати вміст, а також шукати значення всередині великого JSON.
• Редагувати значення або саму структуру, з можливістю скасувати та повторити дію на випадок помилки.
• Створити JSON з нуля та зберегти його як файл .json.

Дві панелі, шість режимів роботи

Екран показує дві синхронізовані панелі: зміни в одній відображаються в іншій. Ліва панель запускається в режимі code (текст із підсвічуванням і перевіркою синтаксису), а права — в режимі tree (дерево, яке можна редагувати); обидві можна перемкнути на будь-який із цих шести режимів:

• code: JSON у вигляді тексту, з підсвічуванням і попередженням про помилки.
• text: JSON у вигляді звичайного тексту, без підсвічування.
• tree: повністю редаговане дерево для додавання, переміщення або видалення ключів і значень.
• form: дерево, у якому редагуються лише значення, без зміни структури.
• view: дерево лише для читання, для перегляду без ризику.
• preview: текстовий вигляд лише для читання, призначений для великих документів.

Кнопки кожного режиму

Панель інструментів змінюється залежно від режиму:

• Форматувати (Ctrl+\) додає відступи й переноси рядків; Стиснути (Ctrl+Shift+\) зводить усе в один рядок. Обидві кнопки — в режимі коду.
• Сортувати вміст і Фільтрувати, сортувати або перетворювати вміст: у режимі коду та в режимі дерева.
• Виправити JSON (режим коду): намагається виправити типові помилки, див. наступний розділ.
• Скасувати (Ctrl+Z) і Повторити (Ctrl+Shift+Z): в обох режимах.
• Розгорнути все і Згорнути все, а також поле пошуку з переходом до наступного або попереднього результату: в режимі дерева.

Як створити, відредагувати та зберегти файл JSON

1. Введіть або вставте свій JSON у ліву панель, або натисніть кнопку завантаження, щоб відкрити файл зі свого комп'ютера (він зчитується в браузері та з'являється в обох панелях).
2. Перевірте праву панель у режимі дерева: оскільки вона синхронізована, кожна зміна автоматично з'являється в іншій панелі.
3. Якщо потрібно лише змінити значення, використовуйте режим form; щоб переглянути без редагування, використовуйте view або preview.
4. Відформатуйте кнопкою Форматувати, зведіть в один рядок кнопкою Стиснути або виправте типові помилки кнопкою Виправити JSON; Скасувати скасовує будь-яку зміну.
5. Натисніть кнопку збереження, введіть ім'я файлу (якщо воно не закінчується на .json, це додасться автоматично) і завантажте його.

Найпоширеніші синтаксичні помилки

Коректний JSON підпорядковується суворій граматиці (RFC 8259):

• Зайва кома в кінці: {"name": "Ana",} — цю останню кому потрібно прибрати.
• Одинарні лапки: {'name': 'Ana'} має бути {"name": "Ana"}.
• Ключі без лапок: {name: "Ana"} — кожен ключ має бути в подвійних лапках.
• Коментарі: // це неприпустимо — JSON не допускає коментарів ні через //, ні через /* */.

Виправити JSON намагається автоматично виправити неправильно розставлені лапки та символи екранування, прибрати коментарі й нотацію JSONP, а також перетворити об'єкт JavaScript на коректний JSON, хоча не гарантує виправлення будь-якої помилки: варто перевірити результат. Якщо ваш JSON містить мітку часу Unix або токен із частиною в Base64url (наприклад, JWT), ви можете перевірити це окремо за допомогою конвертера міток часу Unix або декодера Base64.

Конфіденційність

JSON, який ви вставляєте, завантажуєте чи редагуєте, не залишає ваш браузер: сторінка не надсилає його вміст на жоден сервер. Усе відбувається на вашому власному комп'ютері, тож ви можете працювати з даними, які краще нікуди не завантажувати.