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();
});