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();
});
赞 (1)
分享到:更多 ()