帝国CMS 通过SyntaxHighlighter实现代码高亮/语法高亮
微wx笑
2019-07-24【帝国CMS】
230
15
1关键字:
帝国cms
帝国CMS本身自带的编辑器就不好用,我将其整合为百度的UEditor,但做为一个IT类的博客经常要插入一些代码,代码不能高亮显示,没有一点语法显示特征,看起来就太别扭了。经过搜索研究
目录
帝国CMS本身自带的编辑器就不好用,我将其整合为百度的UEditor,但做为一个IT类的博客经常要插入一些代码,代码不能高亮显示,没有一点语法显示特征,看起来就太别扭了。
经过搜索研究,觉得还是 SyntaxHighlighter 比较好,所以就把它整合进来。
下载
是一个开源项目,Github地址:https://github.com/syntaxhighlighter/syntaxhighlighter,不过这里的你需要自己构建,不想自己构建的话,可以去下载一个已经构建好的版本。
Github上是比较新的版本,你可以去这里找旧版本:http://alexgorbatchev.com/SyntaxHighlighter/manual/older_versions.html
网盘下载链接: https://pan.baidu.com/s/15FDZzGblwK7zovfcGrt2zw 提取码: syv4
使用方法
上传的网站目录下,比如我把它放在 /css/SyntaxHighlighter 目录下,在内容模板页面加入以下代码:
1 2 3 4 5 | < link rel = "stylesheet" href = "/css/SyntaxHighlighter/shCoreDefault.css" > < script type = "text/javascript" src = "/css/SyntaxHighlighter/shCore.js" ></ script > < script type = "text/javascript" > SyntaxHighlighter.all(); </ script > |
代码显示效果:
相关参考
SyntaxHighlighter代码高亮不生效的问题解决方法
本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/blog/EmpireCMS/2019-07-24/57.html