当你自我炫耀时,便会受到谄媚者的青睐

发掘积累过程的快感

首页 » BIBLE模型 » Javascript » Highlight.js自动加载语言包

Highlight.js自动加载语言包


最近切换 Highlight 高版本后,遇到有些语言报错了。

WARN: Could not find the language 'properties', did you forget to load/include a language module?
WARN: Falling back to no-highlight mode for this block.

Highlight 最新版本没有自动加载非内置语言包,这里需要手动引入才行,当然也可以做到自动加载,下面上干货。

const rootPath="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/highlight.js/11.4.0/languages/";
hljs.safeMode();
document.querySelectorAll("code").forEach(function (ele){
let languageArr=ele.className.split('-');
if (languageArr.length!==2){
hljs.highlightElement(ele);
return true;
}
let language=languageArr[1].trim();
if (hljs.getLanguage(language)){
hljs.highlightElement(ele);
return true;
}
let languageSource=rootPath+language+".min.js";
let script=document.createElement('script');
script.src=languageSource;
document.body.appendChild(script);
script.addEventListener('load',function (){
hljs.highlightElement(ele);
})
});

我这里使用的是字节跳动的 CDN 库,速度还不错。

互联网信息太多太杂,各互联网公司不断推送娱乐花边新闻,SNS,微博不断转移我们的注意力。但是,我们的时间和精力却是有限的。这里是互联网浩瀚的海洋中的一座宁静与美丽的小岛,供开发者歇息与静心潜心修炼。 “Bible”是圣经,有权威的书,我们的本意就是为开发者提供真正有用的的资料。 我的电子邮件 1217179982@qq.com,您在开发过程中遇到任何问题,欢迎与我联系。
Copyright © 2024. All rights reserved. 本站由 Helay 纯手工打造. 蜀ICP备15017444号