問(wèn)題描述

比如segmentfault編輯器。。。。。

就代碼塊沒有高亮，百度查到的內(nèi)容

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

注意我說(shuō)的是新生成的內(nèi)容，代碼高亮無(wú)效，只有pre code ,沒有class。。。

問(wèn)題解答

高亮代碼不止這一種方式，hljs.initHighlightingOnLoad()只不過(guò)是將高亮操作綁定在了文檔加載事件上而已。

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);});

所以，如果你只需要高亮單個(gè)區(qū)域，只要

hljs.configure({ ... });hljs.highlightBlock($(’....’));

語(yǔ)言相關(guān)的配置是通過(guò).configure配置的，配置項(xiàng)可以參考：http://highlightjs.readthedoc...