今天在研究SyntaxHighlighter的着色,感觉效果挺不错,但在和kindEditor整合时,总不是我要的效果,最后检查发现SyntaxHighlighter貌似没有异步着色的效果,即:页面渲染完成后,通过点击按钮去给页面div设置要着色的内容。。。我发现这样并不能让里面代码着色了,有了解的兄弟麻烦帮忙啊,谢谢了,以下是代码内容
[code="html"]
转换
[/code]
应该这样,使用SyntaxHighlighter.highlight();
[code="java"]
function syntaxHighlighter() {
var d=document.getElementById('testContent');
var html=[];
html.push('<pre class="brush: js;toolbar:false;">');
html.push('function helloSyntaxHighlighter()\n');
html.push('{\n return "hi!";\n}');
html.push('</pre>');
d.innerHTML=html.join('');
SyntaxHighlighter.highlight();
}
</script>[/code]
why??? all的实现 它是绑定到window.onload 所以
[code="java"]
/**
* Main entry point for the SyntaxHighlighter.
* @param {Object} params Optional params to apply to all highlighted elements.
*/
all: function(params)
{
attachEvent(
window,
'load',
function() { sh.highlight(params); }
);
}[/code]