js动态添加html代码,highlight高亮代码失效
程序员文章站
2022-05-30 10:12:37
...
解决方案
因为hljs.initHighlightingOnLoad()只在初始化时高亮一次,所以动态添加的话,调用这个函数多少次都没用的。
啥都不用管,先用js动态添加你的HTML代码,动态添加完HTML后,直接一行代码就可以搞定。
hljs.highlightBlock(document.getElementById("codes"));
顾名思义,highlightBlock就是高亮某个块,所以直接用来高亮包含代码的那个块就可以了,双引号里的codes是在html文档中需要高亮的代码的标签id。
上一篇: open与fopen的区别
推荐阅读
-
Vue.js动态添加、删除选题的实例代码
-
JS点击动态添加标签、删除指定标签的代码
-
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
-
vue.js实现点击后动态添加class及删除同级class的实现代码
-
js使用highlight.js高亮你的代码
-
js动态添加表格逐行添加、删除、遍历取值的实例代码
-
JS动态添加的div点击跳转到另一页面实现代码
-
Vue.js动态添加、删除选题的实例代码
-
tinyMCE插件开发之插入html,php,sql,js代码 并代码高亮显示
-
在react中使用highlight.js将页面上的代码高亮的方法