[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3447":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":29,"discoverSource":30},3447,"jsoneditor","josdejong\u002Fjsoneditor","josdejong","A web-based tool to view, edit, format, and validate JSON","",null,"JavaScript",12243,2080,223,213,0,2,5,22,6,44.95,"Apache License 2.0",false,"develop",[],"2026-06-12 02:00:50","# JSON Editor\n\n[![Version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fjsoneditor.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fjsoneditor)\n[![Downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fjsoneditor.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fjsoneditor)\n[![Maintenance](https:\u002F\u002Fimg.shields.io\u002Fmaintenance\u002Fyes\u002F2026.svg)](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fjsoneditor\u002Fpulse)\n[![License](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fjosdejong\u002Fjsoneditor.svg)](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fjsoneditor\u002Fblob\u002Fmaster\u002FLICENSE)\n[![FOSSA Status](https:\u002F\u002Fapp.fossa.io\u002Fapi\u002Fprojects\u002Fgit%2Bgithub.com%2Fjosdejong%2Fjsoneditor.svg?type=shield)](https:\u002F\u002Fapp.fossa.io\u002Fprojects\u002Fgit%2Bgithub.com%2Fjosdejong%2Fjsoneditor?ref=badge_shield)\n\nJSON Editor is a web-based tool to view, edit, format, and validate JSON. It has various modes such as a tree editor, a code editor, and a plain text editor. The editor can be used as a component in your own web application. It can be loaded as CommonJS module, AMD module, or as a regular javascript file.\n\nThe library was originally developed as core component of the popular web application https:\u002F\u002Fjsoneditoronline.org and has been open sourced since then.\n\nSupported browsers: Chrome, Firefox, Safari, Edge.\n\n\u003Cimg alt=\"json editor\" src=\"https:\u002F\u002Fraw.github.com\u002Fjosdejong\u002Fjsoneditor\u002Fmaster\u002Fmisc\u002Fjsoneditor.png\">   \u003Cimg alt=\"code editor\" src=\"https:\u002F\u002Fraw.github.com\u002Fjosdejong\u002Fjsoneditor\u002Fmaster\u002Fmisc\u002Fcodeeditor.png\">\n\nContinuous integration tests are run on [GitHub Actions](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fmathjs\u002Factions), and [LambdaTest](https:\u002F\u002Fwww.lambdatest.com) is used to test on all major browsers.\n\n[![LambdaTest](https:\u002F\u002Fraw.github.com\u002Fjosdejong\u002Fmathjs\u002Fmaster\u002Fmisc\u002Flambdatest.svg)](https:\u002F\u002Fwww.lambdatest.com)\n\nThanks, GitHub Actions and LambdaTest for the generous support for this open source project!\n\n## Successor: svelte-jsoneditor\n\nThis library [`jsoneditor`](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fjsoneditor) has a successor: [`svelte-jsoneditor`](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fsvelte-jsoneditor). The new editor is not a one-to-one replacement, so there may be reasons to stick with `jsoneditor`. \nThe main differences between the two [are described here](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fsvelte-jsoneditor#differences-between-josdejongsvelte-jsoneditor-and-josdejongjsoneditor).\n\n## Features\n\nJSONEditor has various modes, with the following features.\n\n### Tree mode\n\n- Change, add, move, remove, and duplicate fields and values.\n- Sort arrays and objects.\n- Transform JSON using [JMESPath](http:\u002F\u002Fjmespath.org\u002F) queries.\n- Colorized code.\n- Color picker.\n- Search & highlight text in the tree view.\n- Undo and redo all actions.\n- JSON schema validation (powered by [ajv](https:\u002F\u002Fgithub.com\u002Fepoberezkin\u002Fajv)).\n\n### Code mode\n\n- Colorized code (powered by [Ace](https:\u002F\u002Face.c9.io)).\n- Inspect JSON (powered by [Ace](https:\u002F\u002Face.c9.io)).\n- Format and compact JSON.\n- Repair JSON.\n- JSON schema validation (powered by [ajv](https:\u002F\u002Fgithub.com\u002Fepoberezkin\u002Fajv)).\n\n### Text mode\n\n- Format and compact JSON.\n- Repair JSON.\n- JSON schema validation (powered by [ajv](https:\u002F\u002Fgithub.com\u002Fepoberezkin\u002Fajv)).\n\n### Preview mode\n\n- Handle large JSON documents up to 500 MiB.\n- Transform JSON using [JMESPath](http:\u002F\u002Fjmespath.org\u002F) queries.\n- Format and compact JSON.\n- Repair JSON.\n- JSON schema validation (powered by [ajv](https:\u002F\u002Fgithub.com\u002Fepoberezkin\u002Fajv)).\n\n## Documentation\n\n- Documentation:\n  - [API](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fjsoneditor\u002Ftree\u002Fmaster\u002Fdocs\u002Fapi.md)\n  - [Usage](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fjsoneditor\u002Ftree\u002Fmaster\u002Fdocs\u002Fusage.md)\n  - [Shortcut keys](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fjsoneditor\u002Ftree\u002Fmaster\u002Fdocs\u002Fshortcut_keys.md)\n- [Examples](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fjsoneditor\u002Ftree\u002Fmaster\u002Fexamples)\n- [Source](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fjsoneditor)\n- [History](https:\u002F\u002Fgithub.com\u002Fjosdejong\u002Fjsoneditor\u002Fblob\u002Fmaster\u002FHISTORY.md)\n\n\n## Install\n\nwith npm (recommended):\n\n    npm install jsoneditor\n\nAlternatively, you can use another JavaScript package manager like https:\u002F\u002Fyarnpkg.com\u002F, or a CDN such as https:\u002F\u002Fcdnjs.com\u002F or https:\u002F\u002Fwww.jsdelivr.com\u002F.\n\n## Use\n\n> Note that in the following example, you'll have to change the urls `jsoneditor\u002Fdist\u002Fjsoneditor.min.js` and `jsoneditor\u002Fdist\u002Fjsoneditor.min.css` to match the place where you've downloaded the library, or fill in the URL of the CDN you're using.\n\n```html\n\u003C!DOCTYPE HTML>\n\u003Chtml lang=\"en\">\n\u003Chead>\n    \u003C!-- when using the mode \"code\", it's important to specify charset utf-8 -->\n    \u003Cmeta charset=\"utf-8\">\n\n    \u003Clink href=\"jsoneditor\u002Fdist\u002Fjsoneditor.min.css\" rel=\"stylesheet\" type=\"text\u002Fcss\">\n    \u003Cscript src=\"jsoneditor\u002Fdist\u002Fjsoneditor.min.js\">\u003C\u002Fscript>\n\u003C\u002Fhead>\n\u003Cbody>\n    \u003Cdiv id=\"jsoneditor\" style=\"width: 400px; height: 400px;\">\u003C\u002Fdiv>\n\n    \u003Cscript>\n        \u002F\u002F create the editor\n        const container = document.getElementById(\"jsoneditor\")\n        const options = {}\n        const editor = new JSONEditor(container, options)\n\n        \u002F\u002F set json\n        const initialJson = {\n            \"Array\": [1, 2, 3],\n            \"Boolean\": true,\n            \"Null\": null,\n            \"Number\": 123,\n            \"Object\": {\"a\": \"b\", \"c\": \"d\"},\n            \"String\": \"Hello World\"\n        }\n        editor.set(initialJson)\n\n        \u002F\u002F get json\n        const updatedJson = editor.get()\n    \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n\n## Build\n\nThe code of the JSON Editor is located in the folder `.\u002Fsrc`. To build \njsoneditor:\n\n- Install dependencies:\n\n  ```\n  npm install\n  ```\n\n- Build JSON Editor:\n\n  ```\n  npm run build\n  ```\n\n  This will generate the files `.\u002Fjsoneditor.js`, `.\u002Fjsoneditor.css`, and  \n  minified versions in the dist of the project.\n\n- To automatically build when a source file has changed:\n\n  ```\n  npm start\n  ```\n\n  This will update `.\u002Fjsoneditor.js` and `.\u002Fjsoneditor.css` in the dist folder\n  on every change, but it will **NOT** update the minified versions as that's\n  an expensive operation.\n\n\n## Test\n\nRun unit tests:\n\n```\nnpm test\n```\n\nRun code linting ([JavaScript Standard Style](https:\u002F\u002Fstandardjs.com\u002F)):\n\n```\nnpm run lint\n```\n\n\n## License\n\n`jsoneditor` is released as open source under the permissive the [Apache 2.0 license](LICENSE.md).\n\n**If you are using jsoneditor commercially, there is a _social_ (but no legal) expectation that you help fund its maintenance. [Start here](https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjosdejong).**\n","JSON Editor 是一个基于Web的工具，用于查看、编辑、格式化和验证JSON。它支持多种模式，包括树形编辑器、代码编辑器和平文编辑器，提供丰富的功能如字段操作、排序、颜色编码、搜索高亮以及JSON Schema验证等。该编辑器可以作为组件集成到自定义Web应用中，并且支持以CommonJS、AMD模块或普通JavaScript文件的形式加载。适用于需要在网页上直接处理JSON数据的各种场景，比如开发调试、数据展示与编辑等。该项目采用Apache License 2.0开源许可协议，在Chrome、Firefox、Safari及Edge等主流浏览器上均能良好运行。","2026-06-11 02:54:31","top_language"]