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
- syntaxhighlighter高亮动态代码
- 代码高亮syntaxhighlighter
- 使用SyntaxHighlighter高亮代码
- SyntaxHighlighter代码高亮插件
- SyntaxHighlighter代码高亮插件
- 代码高亮插件SyntaxHighlighter
- 代码高亮插件SyntaxHighlighter
- SyntaxHighlighter代码高亮插件
- SyntaxHighlighter高亮显示代码
- SyntaxHighlighter代码高亮插件
- 如何用syntaxhighlighter显示高亮代码
- kindeditor配合SyntaxHighlighter实现代码高亮
- kindeditor4.x整合SyntaxHighlighter代码高亮
- 通用代码高亮插件(SyntaxHighlighter)
- 通用代码高亮插件(SyntaxHighlighter)
- 通用代码高亮插件(SyntaxHighlighter)
- SyntaxHighlighter插件代码高亮显示使用方法
- 代码高亮(SyntaxHighlighter)插件的使用
- 01背包
- C# 遍历文件
- 使用application传递全局变量
- iOS-多线程之GCD
- Android apk 签名总结
- syntaxhighlighter高亮动态代码
- java -verbose命令
- Oracle 跨用户查看视图
- Android 三大图片缓存原理、特性对比
- 下拉菜单 ---树状展现
- xilinx fpga学习笔记2
- 关于nodejs中使用命令行启动报错的问题
- Java Escape加密解密
- 有N个人围成一圈,顺序排号。从第一个开始报数,(从1到3报数),凡报道3的人退出圈子,问最后留下的是原来第几号那位