宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取
本文同步于我的个人博客 emlog编辑器探寻之旅
一直想要寻找一个好用的emlog文本编辑器，寻觅了很久，从默认的KindEditor编辑器开始，用了几天就感觉特别难用，很多需求根本满足不了。后来想要在emlog内嵌一个markdown编辑器，用了插件，不过效果不是太好，支持不是太好。就自己撸了一个markdown编辑器，感觉还是不好用，由于markdown只支持最基本的HTML结构，不能自定义很多样式。最终还是打算回归富文本编辑器。
在网上搜寻了很多编辑器，优秀的编辑器屈指可数，百度的UEditor算是不错的了，不过很多功能还不太完善，用了1个月，还是受不了。后来发现了CKEditor，是我目前见过的最好用的编辑器了，可以自定义插件，主题，扩展性强。
下面谈谈如何更换emlog自带的KindEditor吧。
1.去官网下载最新的CKEditor，最好是下载Full Package，功能齐全。
2.将下载好的压缩包解压到 emlog站点根目录/admin/ckeditor
3.修改 admin/views/ 文件夹下的 add_log.php(用于添加文章)和 edit_log.php 文件，找到
<script charset="utf-8" src="./editor/kindeditor.js?v=<?php%20echo%20Option::EMLOG_VERSION;%20?>"></script>
<script charset="utf-8" src="./editor/lang/zh_CN.js?v=<?php%20echo%20Option::EMLOG_VERSION;%20?>"></script>
<script>
loadEditor('content');
loadEditor('excerpt');
</script>
替换为
<script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
<script>
CKEDITOR.replace( 'content' );
</script>
如果要使用UEditor，则改为
<script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
编辑器源码文件
<script type="text/javascript" src="./ueditor/ueditor.all.js"></script>
语言包文件
<script type="text/javascript" src="./ueditor/lang/zh-cn/zh-cn.js"></script>
<script>
UE.getEditor('content');
</script>
4.修改配置文件 ckeditor/config.js
详细配置将在下一篇博文中写出
参考资料:
支付宝扫一扫
微信扫一扫
