当前位置:Gxlcms > JavaScript > 将百度富文本从下载使用到运行成功的方法

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

时间:2021-07-01 10:21:17 帮助过:23人阅读

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格式的字符串,这样图片才能正常回显,其他的坑可以通过百度慢慢来了解,学习,这里就先学习到这,多谢!

以上就是将百度富文本从下载使用到运行成功的方法的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行