emlog编辑器探寻之旅

本文同步于我的个人博客 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 echo Option::EMLOG_VERSION; ?>"></script>
<script charset="utf-8" src="./editor/lang/zh_CN.js?v=<?php echo Option::EMLOG_VERSION; ?>"></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

详细配置将在下一篇博文中写出

参考资料:

EMLOG更换KindEditor编辑器为CKEditor 4.4.5

EMLOG升级默认编辑器kindeditor最新版

CKSource

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,366评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,283评论 4 61
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,242评论 19 139
  • 安然看着眼前的星球,绿色的眼眸跳动着对生命的渴望,时不时的大气层中翻滚起来的图形让他想起了故乡。 层次分明的颜色,...
    6e0414e64de6阅读 252评论 0 0
  • 科技进步和用户行为模式的关系也许就像先有鸡还是蛋的问题一样辗转反复厘不清。是科技改变了我们的行为模式,还是我们多变...
    fsophia_jia阅读 289评论 0 0