SyntaxHighlighter实现动态内容代码高亮
最近在维护公司的一个代码 wiki库,里面有代码接口说明,代码用例之类的。
在代码用例方面,当然少不了大名鼎鼎的SyntaxHighlighter 。SyntaxHighlighter的使用很简单
几行代码就搞定,这里不不细说了,详细的可以上官网去看。
<script type="text/javascript" src="js/shCore.js"></script> <script type="text/javascript" src="css/shBrushJScript.js"></script> <link href="css/shCore.css" rel="stylesheet" type="text/css" /> <pre class="brush: js"> function foo() { } </pre> <script type="text/javascript"> SyntaxHighlighter.all() </script>
由于我的内容是动态加载的,无法使用SyntaxHighlighter.all() 生成高亮代码。
扒了一下google,在stackoverflow上找到类似的问题,其实解决方法很简单,使用SyntaxHighlighter.highlight()
即可迎刃而解!
content.load("content/code.html", function () { SyntaxHighlighter.highlight(); });