首頁  >  問答  >  主體

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

例如segmentfault編輯器。 。 。 。 。

就程式碼區塊沒有高亮,百度查到的內容

hljs.initHighlightingOnLoad();
不就是onload的時候執行渲染麼,也就是說,在此之後改變document都不會在執行了。所以很顯然這樣並不能高亮從介面取會來的文檔的程式碼。

注意我說的是新生成的內容,程式碼高亮無效,只有pre code ,沒有class。 。 。

怪我咯怪我咯2686 天前1021

全部回覆(1)我來回復

  • 怪我咯

    怪我咯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...

    回覆
    0
  • 取消回覆