网页文章编辑 - EMlog修改编辑器为UEditor

部署版本

    EMlog:        5.3.1

    UEditor:     1.4.3


准备过程

    1. 下载Ueditor v1.4.3 PHP版本: 官方下载 完整版或者mini版本自选

    2. 将编辑器文件夹名改为ueditor,上传至你的emlog网站FTP目录的/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/目录下。

如果你和我一样博客网站的路径为/in这样,那以后就会显得有些不便。上传文件还是建议统一放在博客文件目录下。

这个版本的上传配置文件为原源码包的ueditor/php/config.json


修改过程


打开修改为你自已想设置的路径即可,注意,必须设为绝对路径!即从网站的根目录\开始填写。

例如:

我的博客网站地址为:http://catonisland.cn/in

如先前所说,UEditor路径为:http://catonisland.cn/in/admin/ueditor

我想把上传的所有文件放到ueditor/upload下,于是在对应路径新建这个upload文件夹。

然后修改config.json中,把上传的原路径的前部分(/ueditor/upload/)全改为"/in/admin/ueditor/upload/",就可以了。


参考文档:让emlog5.3.1使用功能强大的Ueditor v1.4.3编辑器

本文标题:网页文章编辑 - EMlog修改编辑器为UEditor

本文链接:http://catonisland.cn/post/64.html

本文版权归作者所有,欢迎转载,转载请以文字链接的形式注明文章出处。

相关文章