您当前的位置:首页 > 帝国插件 > 正文
帝国cms7.5ckeditor编辑器代码高亮插件

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

  • 资源类型:帝国插件
  • 资源编码:UTF-8
  • 资源编号:#99
  • 兼容设备:自适应
  • 资源价格:免费
  • 浏览次数:13
模板介绍

帝国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="&#091;!--news.url--]skin/liuge/obsidian.css"></script> <script src="&#091;!--news.url--]skin/liuge/highlight.pack.js"></script> <script>hljs.initHighlightingOnLoad();</script>

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

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

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

演示截图:

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

访问权限确认LOCK
当前资源需要完成授权后查看
免费
您当前有0金币,免费资源,登录后即可查看。
资源标签:帝国编辑器插件
评论交流

发表评论

回复评论取消回复
验证码

帝国CMS教程

没有找到您需要的网站模板?

提交网址评估模板制作或单独定制/仿制

立即咨询
在线
客服