javascript - highlight.js怎麼高亮新產生的程式碼區塊

Question

比如編輯器。 。 。 。 。就程式碼區塊沒有高亮，百度查到的內容 hljs.initHighlightingOnLoad();不就是onload的時候執行渲染麼，也就是說，在此之後改變document都不會在執行了。所以很顯然這樣並不能高亮...

怪我咯 · Answer

高亮程式碼不只這種方式，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...