- 资源介绍
帝国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,其他版本请自行测试
演示截图:
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!