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

【highlight】highlight 动态添加代码，样式失效相关推荐

使用Mootools动态添加Css样式表代码,兼容各浏览器
这个函数很有用处,尤其是当我们在使用Mootools开发插件的时候,例如Tips等,当我们需要额外的Css来支撑插件内的效果时,通常我们的做法是把Css放到单独的css文件里调用,但是这样做就不利于插 ...
js 关于动态添加class样式的学习
如果,我这里有一个需求.如下的页面代码 <body> <input type="button" value="红" id="btn1 ...
如何利用VUE动态添加class样式
看注释, 就可以理解原理 <body><div id="a ...
微信小程序动态添加class样式
<view class="tabs_title {{item.isActive?'active':''}}" wx:for="{{tab}}" wx:ke ...
jquery动态添加带有样式的HTML标签元素
<table class="exhibit_table" style="font-size:13px; text-align:left;"> < ...
vue动态添加style样式
注意: 凡是有-的style属性名都要变成驼峰式,比如font-size要变成fontSize 除了绑定值,其他的属性名的值要用引号括起来,比如backgroundColor:'#00a2ff'而不是 ...
jquery 中加入html代码,jquery实现动态添加html代码
先看下思导图,整体了解下,然后我们再来学习. 现在我们来看一下几段代码,然后根据这几段代码我们来学习一下如何正确的学习动态添加html. 一.html()方法 html函数的作用原理首先是移除目标元素 ...
innerHTML动态拼接html,innerHTML动态添加html代码和脚本兼容多个浏览器
innerHTML动态添加html代码和脚本兼容多个浏览器发布于 2017-02-04 10:36:56 | 94 次阅读 | 评论: 0 | 来源: 网友投递 JavaScript客户端脚本语言J ...
angularjs 动态添加html
使用angularjs 在js文件中动态添加html代码页面检查源码时查看,动态添加的代码都有显示,但是添加的angularjs的ng-XXX的指令不再有效果. 百度了一些,都是一些大神级别的操作,没 ...

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

【highlight】highlight 动态添加代码，样式失效相关推荐

最新文章

热门文章