陈奇网络工作室

帝国cms7.5高亮代码插件下载和安装方法

帝国cms7.5的默认编辑器是没有代码高亮功能的,这对于需要使用到这个功能的小伙伴来说是个麻烦的事情,由于我需要用到这一功能,特地将这一插件进行编辑整理,方便大家安装。

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

保存后进行测试和查看。

赞 ()
分享到:更多 ()

相关推荐

后台-系统设置-扩展变量-手机广告位-内容页底部广告位3
留言与评论(共有 0 条评论)
   
验证码: