jsonfrill网页中格式化显示JSON字符串

下载地址：

https://github.com/sparuvu/jsonfrill

 

用法：

依赖于jquery，版本大于1.10.2

 

引入css

<link href="src/jsonFrill.css" rel="stylesheet">

引入js

<script src="src/jsonFrill.js"></script>

 

准备一个div

<div id="jsoncontainer" style="overflow-y:auto; overflow-x:auto; width:500px; height:595px;"></div>

 

js中初始化，传入json内容content

$('#jsoncontainer').jsonFrill(content)

或者加入参数配置：

$('#jsoncontainer').jsonFrill(content,{collapse: true, toolbar: true, tabSize: 2});

 

说明：

本人在网上找的jsonFrill版本，如上的初始化方法无效。查看源代码，jsonFrill的方法声明是：function(options, jsonSource)

必需要加参数，且参数的顺序跟官方github上的版本不同，须要注意一下。调用时按这个调整下顺序便可。