SyntaxHighlighter高亮插件:TinyMCE/帝国CMS整合方案 – 易用性极强的高亮插件,可适用于大部分网站

澳门新葡亰3522平台游戏 1

使用百度编辑器,后台编辑信息添加代码正常高亮,但是网站前台却不高亮。

SyntaxHighlighter 是 Google Code
上的一个开源项目,主要用于给网页前端的代码着色。Google
的“尿性”,就是一切从简,从实际解决问题,他支持常见的所有语言,而且附送多款皮肤,并且基于HTML和JS,他对Web
2.0 Web 3.0的友好度非常高。

澳门新葡亰3522平台游戏,这是因为前台没有引用相关CSS文件的原因。

官方:

帝国CMS只需在内容模板引用以下文件即可:

GitHub的下载方法就不说了吧,有不知道的,在大叔的博客上网盘包,自己去拿吧。

link href="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" / script type="text/javascript" src="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCore.js"/script script type="text/javascript" SyntaxHighlighter.all(); /script

3.0.83版 还是在使用引用JS和CSS的方法,3.0.9版 开始到最新的 4.0.1版
采用了webpack进行打包,大叔还没整明白这个方法的引用方式,网上也没有好用的教程,暂时就先不折腾了。

这里大叔引用 3.0.83版 做教程指导。

从GitHub上将文件打包下载下来,解压后,有6个文件夹和1个文件。

澳门新葡亰3522平台游戏 1image

文件名 文件说明
build 编译文件夹 – 开发使用,我们安装用就不需要它了,删除。
compass 是一个非常丰富的样式框架 – 对SASS的扩展,我们也用不到,删除。
demos 演示文件夹 – 删除
scripts 核心文件夹 – 用于启用和识别对应高亮代码,保留
styles 核心文件夹 – 用于高亮代码的样式展示,保留
tests 测试文件夹 – 删除
.hgignore 忽略文件 – 删除

保留 styles 和 scripts 文件夹,其他都删除。