Редактор JSON в виде дерева

Что делает инструмент

Редактор JSON в виде дерева превращает JSON-документ в сворачиваемое дерево, которое можно просматривать и редактировать напрямую. Вместо того чтобы искать пропущенную запятую в длинном текстовом файле, вы меняете значение в маленьком поле ввода, а инструмент сам переписывает корректный JSON.

Это удобно для конфигурационных файлов, ответов API, тестовых фикстур и файлов переводов — всего, где сначала нужно понять структуру, а потом внести несколько точных изменений.

Как пользоваться

1. Вставьте JSON в поле ввода слева или загрузите пример.
2. Изучите дерево. Нажимайте на стрелку рядом с объектом или массивом, чтобы развернуть или свернуть его, а с помощью Раскрывать уровней выберите, насколько глубоко дерево раскрывается по умолчанию.
3. Редактируйте на месте:
   • Нажмите на ключ, чтобы переименовать его. Ключи сохраняют свою позицию в объекте.
   • Нажмите на строку или число, чтобы изменить его. Для логических значений есть меню true/false.
   • С помощью меню типа справа в каждой строке превратите значение в другой тип JSON.
   • Нажмите +, чтобы добавить дочерний элемент в объект или массив, или ×, чтобы удалить узел.
4. Нажмите Enter или щёлкните в другом месте, чтобы применить изменение, или Escape, чтобы отменить его.
5. Скопируйте обновлённый JSON из поля ввода. Параметр Отступ управляет его форматированием.

Пути

При выборе строки показывается её путь в стиле JSONPath, например $.author.name или $.keywords[2], с кнопкой копирования. Ключи, не являющиеся простыми идентификаторами, берутся в кавычки, например $["first name"]. Пути полезны, когда вы пишете код или запросы, читающие то же поле, — например, с jq, опциональной цепочкой в JavaScript или JSON-функцией базы данных.

Безопасное редактирование

Правки никогда не дают некорректный JSON. Если изменение нельзя применить — например, переименовать ключ в уже существующий или ввести буквы в число, — инструмент показывает сообщение над деревом и оставляет документ без изменений.

Если в JSON слева есть синтаксическая ошибка, вместо дерева показывается ошибка со строкой и столбцом, так что можно исправить текст и продолжить работу.