SyntaxHighlighter高亮显示

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-30 14:33   11   0

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>


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP