场景

富文本编辑器kindeditor4.1.10

在进行上传照片时，传到服务器上为绝对路径，将url返回前端后，存到数据库为相对路径。

kindeditor4.x官方文档：

http://kindeditor.net/docs/option.html

因为kindeditor会自动将绝对路径裁剪为相对路径。

实现

找到实现富文本编辑器的页面这里是jsp页面，查看调用的js的地方。

找到该路径下的js文件，有的是kindeditor.js或者kindeditor-all.js或者kindeditor-all-min.js

双击打开js文件，搜索 K.option ，找到如下部分

默认是为空，查看官方文档:

urlType

改变站内本地URL，可设置”“、”relative”、”absolute”、”domain”。空为不修改URL，relative为相对路径，absolute为绝对路径，domain为带域名的绝对路径。

• 数据类型: String
• 默认值: “”

所以这里设置为带域名的绝对路径。

然后来到页面中的js部分，将格式化url设置为false：

 formatUploadUrl:false,

为了能在前端进行输出查看文件的url，可以添加afterUpload来输出上传文件的url:

afterUpload

上传文件后执行的回调函数。

• 数据类型: Function
• 默认值: 无

KindEditor.ready(function(K) {
        K.create('#id', {
                afterUpload : function(url) {
                        alert(url);
                }
        });
});