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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

九师兄

你的鼓励是我做大写作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值