javascript - highlight.js怎么高亮新生成的代码块
问题描述
比如segmentfault编辑器。。。。。
就代码块没有高亮,百度查到的内容
hljs.initHighlightingOnLoad();不就是onload的时候执行渲染么,也就是说,在此之后改变document都不会在执行了。所以很显然这样并不能高亮从接口取会来的文档的代码。
注意我说的是新生成的内容,代码高亮无效,只有pre code ,没有class。。。
问题解答
回答1:高亮代码不止这一种方式,hljs.initHighlightingOnLoad()只不过是将高亮操作绑定在了文档加载事件上而已。
hljs.initHighlightingOnLoad()代码:
function h(){addEventListener('DOMContentLoaded',_,!1),addEventListener('load',_,!1)}
可以看HLJS的官方文档:https://highlightjs.org/usage/
在Custom Initialization部分有代码示例:示例1:
$(document).ready(function() { $(’pre code’).each(function(i, block) {hljs.highlightBlock(block); });});
示例2
hljs.configure({useBR: true});$(’p.code’).each(function(i, block) { hljs.highlightBlock(block);});
所以,如果你只需要高亮单个区域,只要
hljs.configure({ ... });hljs.highlightBlock($(’....’));
语言相关的配置是通过.configure配置的,配置项可以参考:http://highlightjs.readthedoc...
相关文章:
1. css - 移动端 oppo 手机之 Border-radius2. angular.js - ionic 弹窗样式3. JAVASCRIPT 构造函数和原型互相指向问题?求助!!!4. html5 - 移动端UC浏览器兼容问题5. mysql 创建root 用户出错,这是什么原因?mysql 中也没有root用户6. javascript - 前端富文本编辑器 wangeditor 如何展示富文本?7. docker - dcoker gitlab 如何修改主机地址?8. docker pull 错误?9. 关于《Effective Java中文版(第2版)》的问题10. python - 请问matplotlib.pyplot.save的路径如何更改