投稿 搜索

热门文章

当前位置: 站长天下 / 界面UI滚动 / json格式数据查看和编辑jQuery插件
json格式数据查看和编辑jQuery插件
标签:

插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-28
    阅读:

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

简要教程

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

使用方法
在页面中引入jquery和jquery.json-editor.js文件。

<script src="jquery.min.js"></script>
<script src="jquery.json-editor.js"></script>

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

/**
 * 初始化一个 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);
}