如何在highlight.js中加載URL作爲源代碼高亮顯示的源代碼？

Question

要使用highlight.js，下面的代碼將工作：

<pre><code> CODE HERE </code></pre> 

但是如果我想從URL加載一些外部源文件加以強調？

Answer 1

您將使用hljs對象的highlightBlock方法。當您加載highlight.js腳本時，您將有權訪問hljs對象。

HTML

<div id="after-load-code"> 
    <pre><code class="javascript"> 
     // your ajax content here 
    </code></pre> 
</div> 

當你做一個Ajax請求，並填補什麼是你需要的，那麼你可以使用highlightjs用下面的代碼樣式爲你的HTML塊。

香草的Javascript

block = document.getElementById('after-load-code'); 
code_blocks = block.querySelectorAll('code'); 

for(var i = 0; i < code_blocks.length; i++) { 
    hljs.highlightBlock(code_blocks[i]); 
} 

如果你是更舒適的位置使用jQuery是一個jQuery例如

jQuery的例子

$('#after-load-code pre code').each(function(i, block) { 
    hljs.highlightBlock(block); 
})