json格式化高亮

Author Avatar
Serical 7月 06, 2017
  • 在其它设备中阅读本文章

高亮插件

highlight

引入js与对应主题的css

json格式高亮

应用:读取redis缓存的json对象到页面显示

<pre><code id="value"></code></pre>
$("#value").html(JSON.stringify(data, undefined, 2));
// 加亮
$("pre code").each(function (i, block) {
    hljs.highlightBlock(block);
});

xml格式高亮

应用:activiti工作流的流程定义xml文件

<pre><code id="defXml"></code></pre>
// 替换<>号
data = data.replace(/</g, "&lt;").replace(/>/g, "&gt;")
$("#defXml").html(data);
// 加亮
$("pre code").each(function (i, block) {
    hljs.highlightBlock(block);
});