syntaxhighlighter高亮动态代码

来源:互联网 发布:psp模拟器软件下载 编辑:程序博客网 时间:2024/05/20 07:33

    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,代码示例如下:
$("#container").load("syncode.html", function() {     syntaxhighlighter.default.highlight(); });
0 0
原创粉丝点击