柔柔 织梦编辑器ckeditor4.7.0插件 +代码高亮功能
织梦默认的编辑器，确实不敢恭维，十分的不好使用，现织梦楼放出来一个升级版的ckeditor4.7.0，升级十分简单，直接下载，替换下即可。本插件，编辑器升级，除了解决原本编辑的老土外，重点是再加入 代码插入高亮显示、代码显示行号功能。为以防万一，请先备份。经织梦楼测试，并升级修复了GBK编码兼容性问题，修复代码高亮异常。
【警告】升级之前，先备份下include 文件夹。
插件升级安装说明
1.下载升级文件（升级文件分为GBK和UTF，请上传对应编码）。
2.上传文件。
3：更新浏览器缓存，刷新后台，再去发篇文章试试，织梦的编辑器是否已焕然一新，而且增加了插入代码这个按钮。
插入代码段功能高亮显示
刚刚第一步，我们进行了程序编辑器升级，功能可用。想要实现高亮这种效果，就需要做更改。只需要在前台的模板中引用如下两个文件：
|
1 2 |
<link rel="stylesheet" href="/include/ckeditor/plugins/codesnippet/lib/highlight/styles/rainbow.css"> <script src="/include/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script> |
代码前增加行号功能
实现效果如图
创建JS文件，并前台调用JS文件，JS内代码为：
|
1 2 3 4 5 6 7 8 |
$(function () { $("code").each(function () { $(this).html("<ol><li>" + $(this).html().replace(/ /g, " </li><li>") + " </li></ol>"); }); }); |
①本站所有织梦模板资源均来自用户分享和网络收集，如果侵犯了您的权益，请联系网站客服处理
②本站提供的织梦源码，均带数据及演示地址。可以在任一源码详情页查看演示地址。
③由于博主时间紧缺，所有模板源码不提供技术支持。仅部分收费原创源码提供售后
④如遇模板源码下载链接打不开或者有错误，请联系网站客服QQ指出纠正。
⑤人民币与金币汇率为1比1,即1元=1金币
织梦楼 » 织梦编辑器ckeditor4.7.0插件 +代码高亮功能
织梦楼 » 织梦编辑器ckeditor4.7.0插件 +代码高亮功能
