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