帝国cms7.5ckeditor编辑器代码高亮插件
最近更新 2025年05月26日
资源编号 1205

#热门
帝国cms7.5ckeditor编辑器代码高亮插件

2025-05-26 帝国CMS插件 0 119
郑重承诺丨帝国CMS模板网提供安全交易、信息保真!
增值服务:
安装指导
环境配置
源码安装
1
VIP折扣
    折扣详情
  • 年卡VIP会员

    免费

  • 永久VIP会员

    免费

开通VIP尊享优惠特权
立即下载 升级会员 最新活动
信息属性
  • 开发语言
  • 帝国CMS7.5
详情介绍

帝国cms自带的编 辑 器不带代码高亮插 件,而作为技术博客,要经常分享一些代码,所以就需要这个高亮插 件,网上发的很多都不能用,这个是本人亲自测试可行的,分享给大家

使用说明:

注意压缩包内有两个文件和两个文件夹:

如果你的网站没有二开过,请直接覆盖config.js和plugins文件到/e/admin/ecmseditor/infoeditor/目 录下

如果你的网站二开过或修改过默认的CK编 辑器,请手动修改/e/admin/ecmseditor/infoeditor/目 录下的config.js文件,修改方法如下:

1.查找:{ name: ‘insert’,在 items:里面找增加元素CodeSnippet,注意大 小写;

2.查找config.extraPlugins,在后面增加codesnippet;

增加默认样式:config.codeSnippet_theme= ‘obsidian’;放到尾部即可,可以参考我修改的config.js

样式有很多,可以访问http://www.xxxxx.com/e/admin/ecmseditor/infoeditor/plugins/codesnippet/samples/codesnippet.html,找到你喜欢的样式,复制样式名到这里即可

最后一步,将skin目 录直接上传到网站根目 录下,PS:里面的obsidian.css和上面设置的默认样式名要对应,其他样式可以到/e/admin/ecmseditor/infoeditor/plugins/codesnippet/lib/highlight/styles目 录下去找

然后在文 章模板中增加以下代码:

<script src="[!--news.url--]skin/liuge/obsidian.css"></script>
<script src="[!--news.url--]skin/liuge/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

安 装完后请强制刷新浏览器再到编 辑器界面看是否有插入代码段按钮

注:若发现怎么改config.js里面的配 置,编 辑器还是不显示代码按钮,试着覆盖我提供的eshoweditor.php文件到/e/admin/ecmseditor/目 录下

本插 件适用于帝国cms7.5,其他版本请自行测试

演示截图:

帝国cms7.5ckeditor编辑器代码高亮插件
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

帝国CMS模板网 帝国CMS插件 帝国cms7.5ckeditor编辑器代码高亮插件 https://www.daixiao360.com/1205.html

相关文章

发表评论
暂无评论