您的位置:首页技术文章
文章详情页

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

【字号: 日期:2023-03-31 10:51:28浏览:20作者:猪猪

问题描述

比如segmentfault编辑器。。。。。

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

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

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

问题解答

回答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...

标签: JavaScript
相关文章: