JSON格式化、高亮库JSONFORMATER
来源:互联网 发布:美橙网域名备案 编辑:程序博客网 时间:2024/05/04 11:59
基于jQuery的json格式化、高亮库
核心代码参考天马行空工作室,本人只做了模块化和一些代码优化。
demo
http://leo108.github.io/jsonFormater/
github地址
https://github.com/leo108/jsonFormater
使用方式
引入jQuery
1
<script type=
"text/javascript"
src=
"jquery-1.7.2.min.js"
></script>
注意:jQuery版本要求>=1.7.2
引入jsonFormater.js和jsonFormater.css
1
<script type=
"text/javascript"
src=
"jsonFormater.js"
></script>
2
<link href=
"jsonFormater.css"
type=
"text/css"
rel=
"stylesheet"
/>
在html中新增一个空的元素作为显示的容器
例如<div id='container'></div>
调用JsonFormater
1
$(document).ready(
function
(){
2
var
options = {
3
dom :
'#container'
//对应容器的css选择器
4
};
5
var
jf =
new
JsonFormater(options);
//创建对象
6
jf.doFormat(
'{"string":"leo108"}'
);
//格式化json
7
});
效果图
详细使用方式
配置
支持的配置以及默认配置如下:
1
{
2
dom:
''
,
//用于放置的dom的选择器
3
singleTab:
" "
,
//单个tab
4
tabSize: 2,
//缩进数量
5
quoteKeys:
true
,
//key是否用双引号包含
6
imgCollapsed:
"images/Collapsed.gif"
,
//收起的图片路径
7
imgExpanded:
"images/Expanded.gif"
,
//展开的图片路径
8
isCollapsible:
true
//是否支持展开收起
9
}
方法
1
var
obj =
new
JsonFormater({dom:
'#container'
});
2
obj.doFormat(json)
//格式化一个json字符串或者js对象
3
obj.expandAll()
//全部展开
4
obj.collapseAll()
//全部收起
5
obj.collapseLevel(level)
//展开到level层
0 0
- JSON格式化、高亮库JSONFORMATER
- json格式化、高亮库jsonFormater
- Json 格式化
- json格式化
- json 格式化
- json格式化
- JSON格式化
- 格式化json
- JSON.stringify格式化Json字符串
- json格式化日期方法
- JSON校验格式化工具
- Json 格式化转换
- jsonformatter json格式化 Android
- jsonformatter json格式化 Android
- JSON格式化各种数据类型
- json格式化代码;
- JSON格式化工具。
- javascript 格式化 json字符串
- 第四周--项目四--建立双链表算法库
- 压电超声探头
- 如何识别Java中的内存泄漏
- Selenium Web Driver
- EGORefreshTableHeaderView、EGORefreshTableFooterView 列表下拉/上拉刷新: (一)
- JSON格式化、高亮库JSONFORMATER
- int 13 中断
- 活用Redis
- 值得参考的sql语句
- Android Android Studio 快捷键整理分享,IntelliJ IDEA使用技巧一览表
- Android 中数据库查询方法query()中的selectionArgs的用法
- Kurento模块开发指南之五:开发示例 Plate Detector Filter
- 如何实现html5的摄像头的调用
- 实模式下,内存说明大全