84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
比如segmentfault编辑器。。。。。
就代码块没有高亮,百度查到的内容
hljs.initHighlightingOnLoad();不就是onload的时候执行渲染么,也就是说,在此之后改变document都不会在执行了。所以很显然这样并不能高亮从接口取会来的文档的代码。
注意我说的是新生成的内容,代码高亮无效,只有pre code ,没有class。。。
走同样的路,发现不同的人生
高亮代码不止这一种方式,hljs.initHighlightingOnLoad()只不过是将高亮操作绑定在了文档加载事件上而已。
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...
.configure
高亮代码不止这一种方式,
hljs.initHighlightingOnLoad()
只不过是将高亮操作绑定在了文档加载事件上而已。hljs.initHighlightingOnLoad()
代码:可以看HLJS的官方文档:
https://highlightjs.org/usage/
在Custom Initialization部分有代码示例:
示例1:
示例2
所以,如果你只需要高亮单个区域,只要
语言相关的配置是通过
.configure
配置的,配置项可以参考:http://highlightjs.readthedoc...