将百度富文本从下载使用到运行成功的方法-js教程-PHP中文网

将百度富文本从下载使用到运行成功的方法

一个新手

发布： 2017-09-27 10:37:18

原创

1832人浏览过

1：下载我就不说了，直接进入使用正题，我们从网上下载的包我下载的时jsp的，
这里写图片描述
2：然后将包导入到maven 项目中，（要求是下载之后的整个包内容）

3:由于ueditor使用时需要有jar包支持，所以将ueditor\jsp\lib 下的jar包放到web-inf /lib下，然后在项目中引用这些jar包，操作如图：

这里写图片描述
添加jar包的整个过程
4：jar包准备好后，开始引入ueditor
从js到jsp配置到预览成功截图
5：接下来就是内容输入和图片上传的方法请求路径啦，也是坑比较多的时候，这里仅仅讲一下图片上传的路径和回显，
在对应的jsp中重写ueditord 路径，

UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
    UE.Editor.prototype.getActionUrl = function(action) {
        if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage' || action=='uploadvideo') {
            return "${imageServer }/front/person/uploadProjectDetailImg.htm";
        } else if (action == 'uploadvideo') {
            return 'http://a.b.com/video.php';
        } else {
            return this._bkGetActionUrl.call(this, action);
        }
    }
    UE.Editor.prototype._bkGetContentLength = UE.Editor.prototype.getContentLength;
    UE.Editor.prototype.getContentLength = function(){
        return this.getContent().length;
    }

登录后复制

上传成功后，ueditor的图片回显需要的字段是state:success,url：你的路径，所以，在action执行完成后需要返回一个json格式的字符串，这样图片才能正常回显，其他的坑可以通过百度慢慢来了解，学习，这里就先学习到这，多谢！