syntaxhighlighter高亮动态代码

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

syntaxhighlighter高亮动态代码相关推荐

html表格鼠标高亮行列,JS实现的表格行鼠标点击高亮效果代码
本文实例讲述了JS实现的表格行鼠标点击高亮效果代码.分享给大家供大家参考,具体如下: 偶尔在看天天基金网净值公告时,从源代码里剥下的一段js代码,感觉比较实用,分享一下(仅IE有效) var high ...
C#获取动态代码的值
通过字符串对控件属性赋值例如:"BackColor=Color.FromArgb(100,100,100);BackGroundp_w_picpath=Image.FromFile(\&q ...
C#强化系列文章五：动态代码的使用(反射和动态生成类)
在软件开发尤其是框架和底层开发时,为了更灵活的控制代码,常常需要进行一些动态的操作.比如根据用户的输入等动态的调用类中的方法或者根据数据库表结构.用户要求动态的生成一些类,然后再动态的调用类中的方法. ...
.NET高级调试 | 通过JIT拦截无侵入调试 C# Emit 生成的动态代码
大家还记得上一篇的测试代码吗?我们用了: Console.WriteLine("Function Pointer: 0x{0:x16}", Marshal.GetFunctionP ...
Sublime Text 2 - 性感无比的代码编辑器！程序员必备神器！跨平台支持Win/Mac/Linux，支持32与64位，支持各种流行编程语言的语法高亮、代码补全等...
Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等-- 语法高亮.代码提示补全. ...
bypass最新版d盾mysql_D盾一句话动态代码执行拦截bypass
一句话地址:http://sjxy.ycu.jx.cn/upfiles/Media/d2.asp 密码:z 普通的菜刀是连接不上滴.代码如下: Function decode(ByVal s, ByV ...
Word插入高亮格式化代码
Word插入高亮格式化代码一.获得代码使用 hilite 使用 notepad++ 使用 Visual Studio Code 使用 Carbon 二.插入Word(2019) 以对象方式插入以 ...
中国商标网JS调试 - 动态代码注入
中国商标网JS调试 - 动态代码注入中国商标网JS调试 - 动态代码注入前言背景工具知识点正文了解 Fiddler Script Session 处理函数反调试策略问题分析解决思路 ...
抖音上爆红的美女动态代码图如何实现？
平时刷抖音的朋友有没有刷到过可爱小姐姐的动态代码图?比如像这种. 曾经丈哥SEO还天真的以为能弄出这个的肯定是一个编程高手,直到遇到了这款工具,才明白,原来就算你不是编程高手,也是可以直接做出这种图. ...
idea 检测重复代码_IntelliJ IDEA 15 EAP，支持动态代码重复检测
IntelliJ IDEA 15 EAP 更新,此版本添加了动态代码重复检测功能: Analyze → Locate Duplicates. IntelliJ IDEA 15 build 142.39 ...

syntaxhighlighter高亮动态代码

syntaxhighlighter高亮动态代码相关推荐

最新文章

热门文章