加入vip [签到送金币]
注册 登录 QQ登录
织梦无忧,用心做好源码!7年品牌,值得信赖! 织梦无忧,个个精品,宁缺毋滥!每月购买不少于3000元精品源码免费分享,早开通,早享受!终身会员临时大促,只需要298元!新会员开通,直接进入会员中心--购买会员--直接开通即可。

织梦编辑器插件ckeditor升级ckeditor4.7.0版本加入代码高亮功能插件

织梦编辑器插件ckeditor升级ckeditor4.7.0版本加入代码高亮功能插件

织梦默认的编辑器,确实不敢恭维,十分的不好使用,现织梦无忧放出来,一个升级版的ckeditor4.7.0,升级十分简单,直接下载,替换下即可。
本插件,编辑器升级,除了解决原本编辑的老土外,重点是再加入 代码插入高亮显示代码显示行号功能。
为以防万一,请先备份。
织梦无忧测试,并升级修复了GBK编码兼容性问题,修复代码高亮异常。
【警告】使用前备份好这个文件

\include\inc\inc_fun_funAdmin.php

\include\dialog\select_images.php

\include\dialog\select_media.php

\include\dialog\select_soft.php

选择程序对应的编码文件夹,对应的覆盖进去

清空浏览器临时文件,刷新后台,使用ckeditor编辑器。

前台页面显示代码高亮,在内容模板里加入以下代码即可。

安装说明
织梦编辑器ckeditor升级ckeditor4.7.0版本并加入代码高亮功能

3:更新浏览器缓存,刷新后台,再去发篇文章试试,织梦的编辑器是否已焕然一新,而且增加了插入代码这个按钮。

织梦编辑器ckeditor升级ckeditor4.7.0版本并加入代码高亮功能

织梦内容编辑器

二、插入代码段功能高亮显示

刚刚第一步,我们进行了程序编辑器升级,功能可用。想要下图的这种效果,就需要做更改。

织梦编辑器ckeditor升级ckeditor4.7.0版本并加入代码高亮功能
只需要在前台的模板中引用如下两个文件:

<link rel="stylesheet" href="/include/ckeditor/plugins/codesnippet/lib/highlight/styles/monokai_sublime.css">
<script src="/include/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script>
<style>
<!--解决代码换行+圆角-->
pre{font-size:inherit;line-height: inherit;font-family: inherit;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;word-break: break-all;border-radius: 4px;}
</style>
摘要提示: 本作品内容为织梦编辑器插件ckeditor升级ckeditor4.7.0版本加入代码高亮功能插件,请先安装织梦程序,还原数据库即可给演示站一样,绝大多数都可以在织梦后台修改和编辑,也可以新增和删除作品中的内容,个别logo图片请ftp直接更换,欢迎使用织梦无忧织梦模板。

本文链接:http://www.dedecms51.cn//other/chajian/182936.html

免责声明:本站所有织梦插件资源均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,如果侵犯了您的权益,请联系网站客服处理

在线下载列表
  • 百度网盘
  • 提取密码:4b7p
公众号二维码

微信公众号

//自动推送