天天看點

SyntaxHighlighter高亮顯示

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>
           
SyntaxHighlighter高亮顯示

繼續閱讀