JSON.stringify
可以将JSON格式化,用法如下
JSON.stringify(json, null, 4); //res是要JSON化的对象,2是spacing
如果需要对key和value加上颜色,还需要以下代码
function syntaxHighlight(json) { if (typeof json != 'string') { json = JSON.stringify(json, undefined, 2); } json = json.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>'); return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function(match) { var cls = 'number'; if (/^"/.test(match)) { if (/:$/.test(match)) { cls = 'key'; } else { cls = 'string'; } } else if (/true|false/.test(match)) { cls = 'boolean'; } else if (/null/.test(match)) { cls = 'null'; } return '<span class="' + cls + '">' + match + '</span>'; }); }
css样式如下
<style> pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; } .string { color: green; } .number { color: darkorange; } .boolean { color: blue; } .null { color: magenta; } .key { color: red; } </style>
html代码如下
<pre id="json"> </pre>
$('#json').html(syntaxHighlight(json));
相关推荐
json数据在Html页面,采用光标事件格式化展示,方便用户查看对比接口文档
常常需要格式化json串的朋友,可以试试~ 离线 json-show.html 格式化json串; 采用用的插件:https://github.com/josdejong/jsoneditor
用于解析webservice服务端接收base64编码后的json串,base64解码格式化JSON串显示 html
json,xml格式化后显示。希望对大家有帮助
Xml_Json_Html美化格式化工具_V4.2_源码_纯净版,可以树型显示JSON,XML
前端展示json数据,格式化,可折叠展开
Xml_Json_Html美化格式化工具_树型显示_V4.2.rar,支持在TreeView中显示。
JSON格式化工具,JSON格式化美化工具,JSON字符串格式化工具。 资源包括HTML网页文件、JavaScript文件,用浏览器打开直接可以使用,以方便直观的方式显示JSON。
Bootstrap展开收缩显示表格json格式数据基于Bootstrap3.3.5制作,自适应分辨率,JS函数调用json,动态获取表格数据,双击表格行可折叠关闭表格数据显示。
在html中新增一个空的元素作为显示的容器 例如<div id='container'></div> 调用JsonFormater $(document).ready(function(){ var options = { dom : '#container' //对应容器的css选择器 }; var jf = new ...
json数据在html页面展示并格式化 一、展现效果图 描述信息: key值全部采用红色标出,表示重要参数; value值采用不同颜色标出,数值类型的采用橘黄色,字符串采用绿色,布尔采用蓝色。。。 二、源代码展示 <...
json格式化工具,简单,好用,可对json进行展开,叠起,多级的分页显示
CoolFormat源代码格式化是一款C\C++\C#\CSS\HTML\Java\JavaScript\JSON\PHP\SQL\XML代码格式化工具。软件可以快速多种风格格式化,并对语言进行着色。界面采用Office 2010风格,并有多种样式可以替换。并且支持代码...
其实JSON.stringify本身就可以将JSON格式化,具体的用法是: JSON.stringify(res, null, 2); //res是要JSON化的对象,2是spacing 如果想要效果更好看,还要加上格式化的代码和样式: js代码: function ...
这个怎么运作它使用作为代码语法语法,使用作为HTML的Markdown解析器,并使用将JSON对象格式化为HTML页面。关于降价John Gruber的Markdown语法文档如何建造要构建示例,可以使用yarn或npm install 。怎么跑要运行...
是用于漂亮打印并显示JSON字符串的Web组件。 (或可以转换为JSON的对象) 受到启发,并且实际上使用了相同的样式表。 (但未使用任何JavaScript代码) 演示版 在此处查看演示: : 安装 您可以将dist/x-json.html...
CoolFormat源代码格式化是一款C\C++\C#\CSS\HTML\Java\JavaScript\JSON\Objective-C\PHP\SQL\XML代码格式化工具。软件可以快速多种风格格式化,并对语言进行着色。界面采用Office 2010风格,并有多种样式可以替换。...
Laravel JSON 异常格式化程序一个小的 Laravel 包,用于在需要时以 JSON 格式格式化和输出异常。 默认情况下,在 Laravel 中,在调试模式下抛出异常将在需要时显示一个很好的 JSON 响应(例如 AJAX 响应,或Accept: ...
CoolFormat源代码格式化是一款C\C++\C#\CSS\HTML\Java\JavaScript\JSON\PHP\SQL\XML代码格式化工具。软件可以快速多种风格格式化,并对语言进行着色。界面采用Office 2010风格,并有多种样式可以替换。并且支持代码...
CoolFormat源代码格式化是一款C\C++\C#\CSS\HTML\Java\JavaScript\JSON\Objective-C\PHP\SQL\Verilog\XML代码格式化工具。软件可以快速多种风格格式化,并对语言进行着色。界面采用Office 2010风格,并有多种样式...