帝国CMS编辑器代码高亮显示按钮插件安装(灰白镶嵌自动换行)-秋月博客

帝国cms本身的编辑器没有带代码风格的高亮样式，这里找了几个文档的方法试验添加成功了，记录以下方便以后其他网站添加这个代码前台高亮显示插件第一步：下载压缩包如下：帝国CMS编辑器代码高亮显示插件文件包

帝国cms本身的编辑器没有带代码风格的高亮样式，这里找了几个文档的方法修改试验添加成功了，记录一下方便以后其他网站添加这个代码前台高亮显示插件。装好前端效果如下图：

第一步：下载压缩包如下：

帝国CMS编辑器代码高亮显示插件文件包

457f45827a6437c0b249850edd259b72.zip (246.71 KB)

下载下来后解压到当前文件夹，然后把2个文件复制到网站目录/e/admin/ecmseditor/infoeditor/plugins下

第二步：修改帝国cms编辑器配置文件，路径：/e/admin/ecmseditor/infoeditor/config.js
在下面这两个地方添加codeblock。(大概95行；112行)
帝国CMS编辑器代码高亮显示插件安装(图文)

items: ['Image', 'etranmore', 'Flash', 'etranmedia', 'etranfile', '-', 'Table', 'HorizontalRule', 'SpecialChar', 'equotetext', 'einserttime', 'einsertpage', 'einsertbr', 'CodeBlock']

. .

config.extraPlugins = 'etranfile,etranmedia,etranmore,autoformat,ecleanalltext,einsertbr,einsertpage,einserttime,equotetext,codeblock';

.一定要注意大小写，否则会出现编辑器不显示或显示但没有codeblock模块的情况，完了刷新缓存，你就可以看到编辑器多了一个图标。

第三步：模板调用

把上面下载的文件包里contents.css 文件复制到/skin下你站点的css文件夹里。

然后在文章内容页模板调用css和js：（这里按本站路径位置示范）

<link href="[!--news.url--]skin/menhu/css/contents.css" rel="stylesheet">

.全部修改完毕记得后台清理缓存，刷新浏览器缓存查看样式效果哦！！

目录CONTENT

帝国CMS编辑器代码高亮显示按钮插件安装(灰白镶嵌自动换行)

评论区