请知悉:本文最近一次更新为 5年 前,文中内容可能已经过时。

无聊写个API的静态测试页,jsonp取数据以后,要对json做格式化高亮,找了下,找到个适合的插件可以实现效果,相关信息如下:

1.插件下载:

pretty-print-json-master.zip

2.核心文件是压缩包里dist目录下的一个css一个js。

3.使用示例:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Json美化格式化测试</title>
<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/pretty-print-json@0.1/dist/pretty-print-json.css>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pretty-print-json@0.1/dist/pretty-print-json.js"></script>
</head>
<body>
<pre id="account"></pre>
<script type="text/javascript">
const data = { active: true, codes: [48348, 28923, 39080], city: 'London' };
$('#account').html(prettyPrintJson.toHtml(data));
</script>
</body>
</html>

插件Github:https://github.com/center-key/pretty-print-json/


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

本站资源,请 注册城通账户 后,使用客户端下载,参考教程:城通网盘如何使用客户端下载文件


尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《jQuery Json美化高亮插件》相关的博文:


留言

avatar
😀
😀😁😂😅😭🤭😋😘🤔😰😱🤪💪👍👎🤝🌹👌