syntaxhighlighter在版本4.0之后,采用webpack进行打包,没有在window中定义全局变量syntaxhighlighter,所以调用接口高亮动态载入的代码较为麻烦,经过研究,方法有二:
1.采用requirejs加载syntaxhighlighter,每载入一次动态代码模块,就加载一次syntaxhighlighter,代码示例如下:
$("#container").load("syncode.html", function() {
require(["syntaxhighlighter"];
});
2.修改syntaxhighlighter的代码文件,在文件中定义全局变量syntaxhighlighter,代码如下:
window.syntaxhighlighter = __webpack_require__(1);//放置在return __webpack_require__(0);之前
然后载入动态代码模块后,手动调用高亮api,代码示例如下:

本文介绍在syntaxhighlighter 4.0之后版本中,因不再定义全局变量而导致动态载入代码高亮变得复杂的问题,并提供两种解决方案:一是通过requirejs加载,二是修改源文件定义全局变量并手动调用API。

2960

被折叠的 条评论
为什么被折叠?



