例如segmentfault編輯器。 。 。 。 。
就程式碼區塊沒有高亮,百度查到的內容
hljs.initHighlightingOnLoad();
不就是onload的時候執行渲染麼,也就是說,在此之後改變document都不會在執行了。所以很顯然這樣並不能高亮從介面取會來的文檔的程式碼。
注意我說的是新生成的內容,程式碼高亮無效,只有pre code ,沒有class。 。 。
怪我咯2017-07-05 10:44:48
高亮程式碼不只這種方式,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...