上一篇介绍了UMeditor简单上传到本地 的使用,下面来说一下上传到oss,跟上传本地只有个别一点点的差距哦。步骤是一样的,只有实例化对象有改变哦。
1.上传导入依赖
<dependency>
<groupId>org.webjars.bower</groupId>
<artifactId>ueditor</artifactId>
<version>1.4.3</version>
</dependency>
2.官网下载ueditor,jsp版本,导入wabapp下面
3.引入js与css 在刚刚下载的文件夹里面
<link rel="stylesheethref" href="${ pageContext.request.contextPath }/ueditor/themes/default/css/ueditor.css" type="text/css">
<script type="text/javascript" src="${ pageContext.request.contextPath }/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="${ pageContext.request.contextPath }/ueditor/ueditor.all.js"></script>
4 .实例化编辑器
<textarea name="adContents" id="myEditor"></textarea>
<script type="text/javascript">
var editor =new UE.ui.Editor();
editor.render("myEditor");
UE.Editor.prototype._bkGetActionUrl=UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl=function(action){
if (action == 'uploadimage' ||action== 'uploadscrawl' || action == 'uploadimage') {
return '<%=request.getContextPath()%>/ueditorImageUp';上传的异步的路径哦 写个方法上传oss并返回url
} else if(action == 'listimage'){
return this._bkGetActionUrl.call(this, action);
} else{
return this._bkGetActionUrl.call(this, action);
}
}
//1.2.4以后可以使用一下代码实例化编辑器
UE.getEditor('myEditor')
</script>
结束了 就是这样是不是很简单,直接粘贴就可以。哪里有问题欢迎留言。走过的大佬们希望多多指教!小女子谢过了。