jquery.json-editor
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); }
