JSON Editor is a web-based tool to view, edit, format, and validate JSON with support for multiple editing modes.
The tool addresses the need for flexible JSON manipulation in the browser by offering four distinct modes tailored to different workflows. Tree mode provides interactive editing with field manipulation, sorting, and transformation via JMESPath queries, alongside schema validation and undo/redo functionality. Code mode leverages syntax highlighting and repair capabilities for direct code editing. Text mode handles basic formatting and validation. Preview mode is designed for large documents up to 500 MiB, supporting transformation and repair without the overhead of full tree rendering. All modes include JSON schema validation powered by ajv.
The tool suits developers building web applications that need embedded JSON editing rather than standalone use. It can be integrated as a component via CommonJS, AMD, or script tag inclusion. The README identifies a successor project, svelte-jsoneditor, which is not presented as a one-to-one replacement; the original tool may remain preferable depending on project requirements and the specific differences documented between the two.
Development activity shows consistent maintenance with continuous integration testing across Chrome, Firefox, Safari, and Edge via GitHub Actions and cross-browser testing through LambdaTest. The project maintains comprehensive documentation including API reference, usage guides, shortcut key reference, and examples. The codebase is organized in a src directory with a build process for distribution artifacts.
