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请求并使用您需要的任何内容填充HTML块时，您可以使用highlightjs使用以下代码为您设置样式。

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

如何加载URL作为highlight.js中突出显示的源代码的源代码？

1 个答案: