SyntaxHighlighter可以将動态生成的html文本高亮,而highlighter雖然多主題化,但對于動态生成的html處理相對複雜:
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/common/SyntaxHighlighter/shCoreDefault.css" target="_blank" rel="external nofollow" >
<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>