EMlog文章编辑器更换为百度UEditor编辑器最新修改方法（本站亲测）_经验教程

EMlog文章编辑器默认是kindeditor，那是真心的难用啊，所以想办法把编辑器更换为ueditor，网上找了很多的方法教程都是老版本的Ueditor v1.4.0以前版本的修改方法都不能用了，所以本站重新整理了一下Ueditor v1.4.X以后的版本的修改方法，希望对大家有所帮助。

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

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

官网演示地址：http://ueditor.baidu.com/website/onlinedemo.htm

下载解压后，把编辑器的文件夹名改为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');

上传路径修改

默认路径

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} 会替换成两位秒 */
                                /* 非法字符  : * ? " < > | */

这样就大功告成了！

本文链接：http://www.cbjv.cn/xxjc/518.html 转载请注明来源！

分享到：

本文地址：http://www.cbjv.cn/xxjc/518.html

相关推荐