您现在的位置是：首页 > 网站建设 > cms系统

cms系统

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

电脑迷 2025-09-06cms系统

帝国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">

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

很赞哦！ ()

云狐网

云狐网

cms系统

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

帝国CMS专题页面的用途？新增加专题页面设置说明

帝国CMS采集时提示：标题为空不采集是怎么回事

相关文章

文章评论