EMLOG 5.3.x 更改后台编辑器为Ueditor

1491017096102278.png

  EMLOG 采用的是KindEditor编辑器,版本还比较老旧,因为EMLOG从2014年最后一次升级到5.3.1版本后就再没更新……所以自身带的KindEditor编辑器自然是老古董,简陋+BUG实在不可忍!于是我决定将其更换百度的Ueditor编辑器。
  经过网上一番搜寻,是有不少关于EMLOG更换Ueditor编辑器的文章,但我挨个儿试过后还是BUG贼多!兼容性不强,而且Ueditor 也是老版本。求人不如靠自己,最终还是换上了心爱的Ueditor编辑器,经过测试后已经可以完美地跟EMLOG结合啦!

言归正传,接下来听我讲,我是如何进行更换的。

1.程序配套。

程序采用EMLOG最新版5.3.1,Ueditor采用最新的1.4.3.3 PHP版本

Ueditor下载链接:http://ueditor.baidu.com/website/download.html

2.安装/修改步骤

将下载好的ueditor解压包解压出来,并重命名文件夹名为 ueditor。并将该文件放入emlog的admin文件夹下。

1491015159468354.png

ueditor文件夹里面内容应该是这样的,千万乱套~

1491015241326042.png

然后找到admin/views文件夹下的4个php文件,他们分别是:add_log.php、add_page.php、edit_log.php、edit_page.php

1491015441248838.png

修改 edit_log.php 文件 大约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>
loadEditor('content');
loadEditor('excerpt');
替换为
UE.getEditor('content');
UE.getEditor('excerpt');

修改 add_page.php 文件 大约2、3行,如 edit_log.php 文件修改一样;

大约47行:

loadEditor('content');
替换为
UE.getEditor('content');
UE.getEditor('excerpt');
    • *

修改edit_log.php 文件 大约2、3行,如edit_log.php 文件修改一样;

大约101、102行:

loadEditor('content');
loadEditor('excerpt');
替换为:
UE.getEditor('content');
UE.getEditor('excerpt');

修改 edit_page.php 文件 大约2、3行,如 edit_log.php 文件修改一样;

大约47行:

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

修改 admin/views/js/common.js 文件

大约在140-150行之间:

var content = $("#content").val();
替换为
var content = UE.getEditor('content').getContent();

然后大功告成!可以进入后台更新下缓存尝试用Ueditor发表和编辑文章啦!

这里还要感谢@aganplay.com 博主发表的文章让我少走了一些弯路。

还有要注意的一点,编辑器自带单图或多图上传功能,EMLOG系统本身的上传插入可以直接注释掉不用了~但一定要配置好Ueditor的上传路径,在 ueditor/php/config.json里配置,应该朋友们一看就会了,这里就不再细讲了!

最后配一张本文章使用Ueditor编辑器的发布截图!

1491016672130468.png

最后修改:2019 年 04 月 15 日 01 : 46 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论

暂无评论

  1. 匿名

    修改 edit_log.php 文件 大约2、3行,如 edit_log.php 文件修改一样;??????????

    修改 admin/views/js/common.js 文件
    大约在140-150行之间:
    大约在140-150行之间
    ????? 是不是没写对啊…………

    1. 心语难诉
      @匿名

      @匿名:修改 admin/views/js/common.js 文件处已经修改。其余的都没问题的。

  2. 心语难诉.

    更新了替换编辑器后无法查看大图的问题,本页面已经修复。稍后补上说明。 [F15]