html美化/格式化json字符串并显示

      /*** 美化json*/function pretifyJson(json) {if (typeof json !== 'string') {json = JSON.stringify(json, undefined, 4);}let jsonStr = json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,function (match) {let cls = "<span>";if (/^"/.test(match)) {if (/:$/.test(match)) {cls = "<span class='key'>";} else {cls = "<span class='string'>";}} else if (/true|false/.test(match)) {cls = "<span class='boolean'>";} else if (/null/.test(match)) {cls = "<span class='null'>";}return cls + match + "</span>";});let line = '<br/>&nbsp;&nbsp;&nbsp;&nbsp;';// 换行方式1 （低版本浏览器会出现死循环）jsonStr = jsonStr.replaceAll('</span>,', '</span>,' + line).replaceAll('{<span', '{' + line + '<span').replaceAll('</span>}', '</span>' + line + '}')// 换行方式2 （建议使用）jsonStr = jsonStr.split('</span>,').join('</span>,' + line).split('{<span').join('{' + line + '<span').split('</span>}').join('</span>' + line + '}');return jsonStr;}

      #data_info{width: 100%;font-size: 16px;white-space: pre-wrap;word-wrap: break-word;border:0px;}.string { color: green; }.number { color: darkorange; }.boolean { color: blue; }.null { color: magenta; }.key { color: red; }

html美化/格式化json字符串并显示相关推荐

从一段字符串中提取JSON字符串并进行高亮格式化
需求:后台传过来一段字符串文本,需要从这段字符串中提取json字符串并在前台json格式化高亮显示 1.提取json字符串注:当字符串中没有出现json字符串时返回null; function ge ...
php显示几个字符串,比较php中的两个字符串并显示字符差异
嗨,我正在努力做到这一点: 我想比较两个字符串并在php中计算他们的分数. 这意味着我有两个字符串: $字符串1 = "例1"; $字符串2 = "exumple22&q ...
python解析json_python3 解析 json 字符串并返回支持属性访问的对象
目的将任意一个 json 字符串,转换为 python 的 object 对象,转换后支持使用属性访问. 方法 json 解析命令行使用的 argparse,可以任意规定命令行关键字,并能使用属性访 ...
SpringBoot加Jquery实现ajax传递json字符串并回显消息（已实践）
场景 inspinia 前端页面模板+thymeleaf模板+jquery+springboot 点击提交将当前选中行的id以json字符串传到后台,后台实现状态更改并刷新表格. 实现提交按钮的点击 ...
java接收json字符串_JAVA后台接收前台传过来的json字符串并解析获得key 和value
前台代码: $.ajax({ type:"post", url:"project/updateProject", data:{ formdata: JSON.s ...
php json转数组后并在前端展示,0516-如何从服务器端获取JSON格式字符串并解决到前端页面中显示...
一. 如何从服务器端获取JSON格式字符串并解决到前端页面中显示 1.采用AJAX异步方式从服务器请求必须为字符串的数据:例如 $PHP= '{"aaa":"bbb&q ...
Java在线格式化JSON，美化显示
没有经过格式化的Json很难阅读,那一坨是什么东西??? 所以一系列的Json格式化.美化.高亮工具应运而生. 不过,最方便的.使用最多的还是那些在线工具. 推荐一个在线JSON格式化工具这个不但 ...
在线Json格式化、在线格式化Json代码、Json代码美化器、Json在线压缩、Json \uxxxx格式解码
Json代码进行美化.格式化.检查Json错误. 也可以进行Json代码压缩处理,提供Json Unicode转换为对应字符!!将json \uxxxx类,格式化相应的中文字符串!Json 待格式化J ...
php格式化curl返回的json字符串,格式化Curl返回的Json字符
格式化Curl返回的Json字符经常会用到curl调试接口,服务器返回的是json,不过这些json是没有格式化的,不方便阅读. 经过搜索和实验,发现下面2中方式比较方便. 示例: curl htt ...

html美化/格式化json字符串并显示

html美化/格式化json字符串并显示相关推荐

最新文章

热门文章