SyntaxHighlighter可以将动态生成的html文本高亮,而highlighter虽然多主题化,但对于动态生成的html处理相对复杂:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/common/SyntaxHighlighter/shCoreDefault.css">
<script type="text/javascript" src="/static/common/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript" src="/static/common/SyntaxHighlighter/shBrushXml.js"></script>
<script type="text/javascript" src="/static/common/SyntaxHighlighter/shBrushJScript.js"></script>
<script type="text/javascript" src="/static/common/SyntaxHighlighter/shBrushBash.js"></script>
<title>Title</title>
</head>
<body>
<h5 class="mgbt15"><b>返回结果(成功)</b></h5>
<pre class="brush:js" id="code"></pre>
<script>
$("#code").html('{"status":"1","data":{"user_id":"100"},"err_code":"0","err_msg":""}');
SyntaxHighlighter.highlight();
</script>
</body>
</html>