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

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

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

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

457f45827a6437c0b249850edd259b72.zip (246.71 KB)

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

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

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

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

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

第三步：模板调用

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

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

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

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

本文来源：https://www.wddqw.com/ZrGh.html