Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说代码高亮实现_代码高亮是什么意思「建议收藏」,希望能够帮助你!!!。

    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();
 });

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。