EMlog文章编辑器更换为百度UEditor编辑器最新修改方法

先在百度Ueditor官方网站下载Ueditor v1.4.3 PHP版本,官方下载地址:http://ueditor.baidu.com/website/download.html#ueditor 

UTF8或GBK语言的话根据你的网站的语言一致,Emlog推荐下载UTF-8版,完整版或者mini版本自选。

下载解压后,把编辑器的文件夹名改为ueditor,上传至你的emlog网站目录后台目录admin/ 下。

修改过程:

需要修改路径的文件均在此路径下/admin/views/


第一个文件:add_log.php

修改1:第2、3行

<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 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>

修改2:93、94行

loadEditor('content');
loadEditor('excerpt');

  改为:

UE.getEditor('content');
UE.getEditor('excerpt');


第二个文件:add_page.php

修改3:第2、3行

<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 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>

修改4:47行

loadEditor('content');

改为:

UE.getEditor('content');
UE.getEditor('excerpt');

修改5:

在这段scritp代码结束处,即代码最后</script>下回车一行,加入以下代码

<script id="container" name="content" type="text/plain">
    这里写上你的初始化内容即可
</script>

第三个文件:edit_log.php

修改6:第5、6行

<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 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>

修改7:101、102行

loadEditor('content');
loadEditor('excerpt');

改为:

UE.getEditor('content');
UE.getEditor('excerpt');


第四个文件:edit_page.php

修改8:第2、3行

<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 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>

修改9:47行

loadEditor('content');

改为:

UE.getEditor('content');
UE.getEditor('excerpt');

最后修改完成后你会发现无法保存草稿?! 别着急,把这个文件:common.js下载(点击下载)后替换到"admin/views/js"然后把浏览器缓存删除就可以了!


上传路径修改

默认路径

Ueditor v1.4.3版本,如果你不对它的配置进行修改的话,那它会默认在网站根目录下新建个ueditor文件夹,上传的文件会放在其下的php/目录下。这样以后有些方便管理上传文件。上传文件还是建议统一放在博客upload目录下较好


修改过程


Ueditor v1.4.3版本的上传配置文件为ueditor/php/config.json文件

打开config.json文件可以看到中文备注,将路径修改为你自已想设置的路径即可,注意,必须设为绝对路径!即从网站的根目录\开始填写,如下改成如下:

"imagePathFormat": "/content/uploadfile/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
                                /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
                                /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
                                /* {time} 会替换成时间戳 */
                                /* {yyyy} 会替换成四位年份 */
                                /* {yy} 会替换成两位年份 */
                                /* {mm} 会替换成两位月份 */
                                /* {dd} 会替换成两位日期 */
                                /* {hh} 会替换成两位小时 */
                                /* {ii} 会替换成两位分钟 */
                                /* {ss} 会替换成两位秒 */
                                /* 非法字符 \ : * ? " < > | */

这样就大功告成了!


PS:改回去就逆着来就行了