java百度富文本编辑器与阿里云OSS图片上传整合------菜鸟小结

首先下载ueditorhttp://ueditor.baidu.com/website/download.html 

一定要下完整源码

java百度富文本编辑器与阿里云OSS图片上传整合------菜鸟小结

将源码放入后台代码根目录下,新建阿里云图片上传工具类UploadOSSUtil:

java百度富文本编辑器与阿里云OSS图片上传整合------菜鸟小结

java百度富文本编辑器与阿里云OSS图片上传整合------菜鸟小结

这一步是将图片上传至阿里云服务器,里面的配置参数大家填自己的就可以了,上传路径要注意与后面富文本框显示的路径一致

 

显示路径配置,BinaryUploader.java文件

java百度富文本编辑器与阿里云OSS图片上传整合------菜鸟小结

webRoot引入ueditor插件

java百度富文本编辑器与阿里云OSS图片上传整合------菜鸟小结

 

页面引用:

引入js:

   <!-- 配置文件 -->
    <script type="text/javascript" src="ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="ueditor/ueditor.all.js"></script
    <script>
         <!-- 实例化编辑器 -->
         var ue = UE.getEditor('container',{ 
             initialFrameHeight:280,//初始化编辑器高度,默认320
             scaleEnabled:true //是否可以拉伸长高
             });

  </script>

java百度富文本编辑器与阿里云OSS图片上传整合------菜鸟小结

本文算随手笔记,看不懂的可以看下面的博客,有源码和详细解释,楼主也只是代码的搬运工

参考来源:https://blog.****.net/u013189988/article/details/52804092