A json editor based on jquery.json-viewer.
Check out the demo page!
- 语法高亮
- 支持数据块展开与收起
- 简单
- 可编辑
<script src="path/to/jquery.js" type="text/javascript"></script>
<script src="path/to/jquery.json-editor.js" type="text/javascript"></script>/**
* 初始化一个 JsonEditor
*
* @param {DOM|string} container DOM 元素或 jQuery 选择器字符串
* @param {Object} json JSON 对象
* @param {Object=} options 其他配置项，可选
* @param {boolean} options.defaultCollapsed 是否默认是收起状态，默认 false
* @param {boolean} options.editable 是否可编辑，默认 true
*/
var editor = new JsonEditor(container, json, options);
// 更新 json
editor.load(json);
// 获取 json
try {
editor.get();
} catch (ex) {
// Trigger an Error when JSON invalid
alert(ex);
}MIT License