【highlight】highlight 动态添加代码,样式失效

在这里插入图片描述

在使用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)
    });
}

猜你喜欢

转载自blog.csdn.net/qq_21383435/article/details/106886286