帝国cms7.5的默认编辑器是没有代码高亮功能的,这对于需要使用到这个功能的小伙伴来说是个麻烦的事情,由于我需要用到这一功能,特地将这一插件进行编辑整理,方便大家安装。
上方是帝国cms7.5默认编辑器的面板,如果不是这种的请不要安装(说明:本站截图使用思源黑体,图片及水印均不包含商业字体)
方式一、懒人安装包
下载地址:
链接: https://pan.baidu.com/s/19ZRz1uOllxe2f5hCu5N6Gg
提取码: 92qi
使用前提:
(1)帝国cms7.5全新安装网站;
(2)帝国cms7.5未更换为其他编辑器且未进行二次开发的网站,如果您的网站模板不是来自官方cms7.5请使用网站提供的第二种安装方式。
说明:
1:请将(1)文件夹内的4个文件夹上传至../e/admin/ecmseditor/infoeditor/plugins/
2:请将(2)文件夹内的JS单独上传覆盖../e/admin/ecmseditor/infoeditor/
3:请将(3)上传至../skin/
4:在文章模板head标签内增加以下代码
<script src="[!--news.url--]skin/code/monokai_sublime.css"></script>
<script src="[!--news.url--]skin/code/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
备注:2019年6月1日,版本:CQ-20190601
方式二、手动安装
说明:
此方法主要针对已经进行了二次开发和编辑器进行了调整的用户,且未必须是没有更换官方默认编辑器的情况下,一定是要和官方版本一致的。
步骤:
1:下载上方懒人插件包。
2:请将(1)文件夹内的4个文件夹上传至../e/admin/ecmseditor/infoeditor/plugins/
3:使用Dreamweaver打开/e/admin/ecmseditor/infoeditor/config.js (该文件请先进行备份,如果有问题方便恢复)
(1)搜索:(在大概第49行)
'einserttime', 'einsertpage', 'einsertbr'
改为:
'einserttime', 'einsertpage', 'einsertbr','CodeSnippet'
(2)搜索:(大概第64行)
'Image', 'Table', 'HorizontalRule', 'SpecialChar'
改为:
'Image', 'Table', 'HorizontalRule', 'SpecialChar','CodeSnippet'
(3)将以下代码:(在结尾处第74行左右)
config.extraPlugins = 'etranfile,etranmedia,etranmore,autoformat,ecleanalltext,einsertbr,einsertpage,einserttime,equotetext';
改为:
config.extraPlugins = 'etranfile,etranmedia,etranmore,autoformat,ecleanalltext,einsertbr,einsertpage,einserttime,equotetext,codesnippet';
config.codeSnippet_theme = 'monokai_sublime';
保存后上传。
4:将文件夹(3)内的文件夹上传至网站根目录下的skin文件夹内。
5:在文章页面模板的head标签内增加以下代码:
<script src="[!--news.url--]skin/code/monokai_sublime.css"></script>
<script src="[!--news.url--]skin/code/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
保存后进行测试和查看。