一个百度富文本编辑器的坑

一个路径配置问题一天没有搞出来,找了一个经验比较丰富的同事问了一下才发现问题所在。
UEditor下载安装完后首先修改几个路径,一个是serverURL,另一个是上传图片(视频或文件)的上传地址。
Ueditor.config.js文件
config.json文件

一般情况下serverURL的路径都是直接指向config.json 但是由于在页面在初始化富文本编辑器时,会传给初始路径一个参数action值为config,所以在接口路径上又做了一步处理:
在这里插入图片描述
可是在上传图片的时候报错了
在这里插入图片描述
后台报错为查不到对应的template:
在这里插入图片描述
然后去看请求的URL为
在这里插入图片描述
按道理来讲在富文本编辑器初始化的时候就已经根据接口路径查到config.json文件,然后根据action去访问相应的路径才对,可是在上传图片的时候再一次请求了接口路径,就有问题了。
请教了同事才知道少配置了东西:

<script type="text/javascript">
        $(function() {
            //配置富文本文件上传
            UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
            UE.Editor.prototype.getActionUrl = function (action) {
                if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadvideo') {
                    return window.location.protocol + "//" + window.location.host + '/(你的上传路径)';
                } else {
                    return this._bkGetActionUrl.call(this, action);
                }
            };
        });
    </script>

要在初始化的js里配置路径跳转才可以。

接着又遇到一个问题,上传成功了但是不回显图片:对于上传路径访问的返回状态码已经是200,但是依然不回显样式,查了一下发现UEditor需要返回固定的参数他才能识别,于是在返回对象中加入:

            result.put("state", "SUCCESS");

成功回显啦!

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页