本文同步于我的個(gè)人博客 emlog編輯器探尋之旅
一直想要尋找一個(gè)好用的emlog文本編輯器，尋覓了很久，從默認(rèn)的KindEditor編輯器開始，用了幾天就感覺特別難用，很多需求根本滿足不了。后來想要在emlog內(nèi)嵌一個(gè)markdown編輯器，用了插件，不過效果不是太好，支持不是太好。就自己擼了一個(gè)markdown編輯器，感覺還是不好用，由于markdown只支持最基本的HTML結(jié)構(gòu)，不能自定義很多樣式。最終還是打算回歸富文本編輯器。
在網(wǎng)上搜尋了很多編輯器，優(yōu)秀的編輯器屈指可數(shù)，百度的UEditor算是不錯(cuò)的了，不過很多功能還不太完善，用了1個(gè)月，還是受不了。后來發(fā)現(xiàn)了CKEditor，是我目前見過的最好用的編輯器了，可以自定義插件，主題，擴(kuò)展性強(qiáng)。
下面談?wù)勅绾胃鼡Qemlog自帶的KindEditor吧。
1.去官網(wǎng)下載最新的CKEditor，最好是下載Full Package，功能齊全。
2.將下載好的壓縮包解壓到 emlog站點(diǎn)根目錄/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
詳細(xì)配置將在下一篇博文中寫出
參考資料:
EMLOG更換KindEditor編輯器為CKEditor 4.4.5
