在使用highlight 的时候,发现效果不错,然而当我用jQuery改变内容时,酷炫的高亮效果没了
原来hljs.initHighlightingOnLoad();
初始化的时候只会对其渲染一次,查阅资料发现
解决方案:
<code id="codelang"></code>
使用
//code 你要高亮的代码
var highCode = hljs.highlightAuto(code ).value;
$("#codelang").html(highCode);
然后将code标签的html置为highCode
多次执行hljs.initHighlightingOnLoad();
是没用的,可以全部调用
function reHeightCode() {
$("code").each(function(){
var code = $(this).text();
var highCode = hljs.highlightAuto(code).value;
$(this).html(highCode)
});
}