首页 > 编程 > Ecms

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

admin Ecms 2021-10-16 08:00:02 3 0 SyntaxHighlighter
使用说明:
注意压缩包内有两个文件和两个文件夹:

  如果你的网站没有二开过,请直接覆盖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目录下去找

  然后在文章雷竞技官网dota中增加以下代码: 
<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,其他版本请自行测试
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

  • 上一篇: 返回列表
  • 下一篇:获取栏目地址
  • 本文(共有 0 条评论)

    评论