josdejong/jsoneditor

Что это?

Ключевые возможности

• 01Режим дерева для редактирования, перемещения, дублирования и сортировки полей и значений.
• 02Режим кода с подсветкой синтаксиса, форматированием и сжатием.
• 03Режим предпросмотра для работы с JSON-документами размером до 500 MiB.
• 04Проверка по JSON Schema с помощью ajv во всех режимах.
• 05Запросы JMESPath для преобразования данных JSON.
• 06Исправление некорректного JSON.

Сценарии использования

• Встраивание редактора JSON в панель администратора или инструмент настройки веб-приложения.
• Просмотр и исправление ответов API или файлов конфигурации в браузере.
• Проверка пользовательских данных по схеме JSON перед сохранением.
• Просмотр больших файлов JSON в режиме предпросмотра.

Быстрый старт

1. 1

   Установите библиотеку с помощью npm

   npm install jsoneditor
2. 2

   Подключите файлы CSS и JS на HTML-странице и создайте редактор внутри элемента-контейнера

Что важно знать

• !В README указано, что преемником проекта является svelte-jsoneditor, но новый редактор не является полной заменой.

Темы

Частые вопросы

Что такое jsoneditor?

Веб-компонент для просмотра и редактирования JSON в режимах дерева, кода, текста и предпросмотра, который можно встроить в собственное веб-приложение. JSON Editor позволяет просматривать, редактировать, форматировать и проверять JSON в браузере. В нём есть несколько режимов: редактор в виде дерева для наглядного изменения полей и значений, редактор кода с подсветкой синтаксиса, обычный текстовый редактор и режим предпросмотра для больших документов размером до 500 MiB.

jsoneditor можно использовать бесплатно? Какая у него лицензия?

jsoneditor распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.

jsoneditor всё ещё поддерживается?

Активно поддерживается. Последний коммит в jsoneditor — 1 нояб. 2026 г..

Для чего можно использовать jsoneditor?

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

Как установить jsoneditor?

Установите библиотеку с помощью npm: npm install jsoneditor Подключите файлы CSS и JS на HTML-странице и создайте редактор внутри элемента-контейнера

Где скачать jsoneditor?

Исходный код и инструкции по установке — на GitHub: https://github.com/josdejong/jsoneditor