javascript - highlight.js怎么高亮新生成的代碼塊

問題描述

比如segmentfault編輯器。。。。。

就代碼塊沒有高亮，百度查到的內容

hljs.initHighlightingOnLoad();不就是onload的時候執行渲染么，也就是說，在此之后改變document都不會在執行了。所以很顯然這樣并不能高亮從接口取會來的文檔的代碼。

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

問題解答

高亮代碼不止這一種方式，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...