UMeditor简单实用(二)

上一篇介绍了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>

结束了 就是这样是不是很简单,直接粘贴就可以。哪里有问题欢迎留言。走过的大佬们希望多多指教!小女子谢过了。

猜你喜欢

转载自blog.csdn.net/smile_Accompany/article/details/81359168