javascript - highlight.js怎么高亮新生成的代码块-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

javascript - highlight.js怎么高亮新生成的代码块

怪我咯 2017-07-05 10:42:48

[JavaScript讨论组]

1762

比如segmentfault编辑器。。。。。

就代码块没有高亮，百度查到的内容

hljs.initHighlightingOnLoad();
不就是onload的时候执行渲染么，也就是说，在此之后改变document都不会在执行了。所以很显然这样并不能高亮从接口取会来的文档的代码。

注意我说的是新生成的内容，代码高亮无效，只有pre code ,没有class。。。

怪我咯

走同样的路，发现不同的人生

全部回复(1)

怪我咯2017-07-05 10:44:48 1楼

高亮代码不止这一种方式，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

添加回复

专题推荐

更多>

热门话题

热门教程

更多>