欢迎来到素材无忧,原织梦无忧官网网站! 签到送金币织梦标签生成器素材无忧运行
      注册       QQ登录       登录

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

时间: 2020-09-16 09:18 阅读: 作者:素材无忧网

 模板说明
  •  编码:双版本
  •  类别:织梦插件
  •  颜色:白色
  •  大小:3.4mb
  •  适用站点:网络设计
织梦默认的编辑器,确实不敢恭维,十分的不好使用,现织梦无忧放出来,一个升级版的ckeditor4.7.0,升级十分简单,直接下载,替换下即可。 本插件,编辑器升级,除了解决原本编辑的老土外,重点是再加入 代码插入高亮显示 、 代码显示行号 功能。 为以防万一
下载相关

效果演示 点击下载 提取密码: 4b7p 开通vip 联系客服 收藏

织梦默认的编辑器,确实不敢恭维,十分的不好使用,现织梦无忧放出来,一个升级版的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版本加入代码高亮功能插件

版权声明:本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

转载请注明:织梦编辑器插件ckeditor升级ckeditor4.7.0版本加入代码高亮功能插件

相关模板
模板推荐