json格式数据查看和编辑jQuery插件

json格式数据查看和编辑jQuery插件

jquery.json-editor是一款json格式数据查看和编辑jQuery插件。该json数据查看插件支持语法高亮,支持支持数据块展开与收起,摒弃可以对json数据进行动态编辑。

使用方法

1
2
3
在页面中引入jquery和jquery.json-editor.js文件。
<script src="jquery.min.js"></script>
<script src="jquery.json-editor.js"></script>

初始化插件
然后按照先的规范来初始化该json格式数据查看和编辑jQuery插件。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/**
 * 初始化一个 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);
}

文件信息:

    0

    发表评论