springboot集成ueditor富文本编辑器

支持上传到本地、七牛云

　　1. 文件导入

　　新建springboot项目

　　pom文件引入

    <dependency>
              <groupId>com.dcssn</groupId>
              <artifactId>ueditor-spring-boot-starter</artifactId>
              <version>2.0.1</version>
     </dependency>

　　com.dcssnueditor-spring-boot-starter2.0.1

　　下载百度编辑器最新版本1.4.3.3 Jsp UTF-8版本

　　创建ueditor目录 resources > static > ueditor ，将源码拷贝到目录中

　　jsp目录只保留 config.json 文件即可

　　结构如下图

项目配置

application.yml文件

   ue:
     config-file: static/ueditor/jsp/config.json #resources目录下配置文件的位置
     server-url: /ueditor.do #服务器统一请求接口路径
     local: #上传到本地配置
       url-prefix: /uploads/ #"/"结尾 自定义上传时字段无意义
       physical-path: F:/java/uploads/ #存储文件的绝对路径 必须使用标准路径"/"作为分隔符  自定义上传时字段无意义
     qiniu: #上传到七牛云配置 参数对应官方文档 https://developer.qiniu.com/kodo/sdk/1239/java
       accessKey: ---
       secretKey: ---
       cdn: https://--- #融合 CDN 加速域名
       bucket: ---
       zone: zone0

　static/ueditor/ueditor.config.js

　　将serverUrl 改为application.yml 中server.servlet.context-path(如果你设置了此值则加上) + ue.server-url 的值

　　config.json

　　注意：图片访问路径前缀（imageUrlPrefix）、视频访问路径前缀、文件访问路径前缀不要赋值，会影响回显，其余参数可以按照百度文档修改

　　上传文件大小

　　spring上传文件默认最大1MB，上传文件大小会先被spring限制，config.json文件大小限制要小于spring的设置，我们可以将spring的限制设大点

 spring:
    servlet:
      multipart:
        max-file-size: 500MB
        max-request-size: 500MB

测试：

　　新建Controller 添加mapping

   @GetMapping("/")
   public String index() {
       return "ue";
   }

　　在templates下新建页面ue.html

   <!DOCTYPE html>
   <html xmlns:th="http://www.springframework.org/schema/jdbc">
   <head>
       <meta charset="UTF-8"/>
       <title>ueditor</title>
       <style>
           #editor {
               width: 1024px;
               height: 500px;
           }
       </style>
   </head>
   <body>
   <div id="editor" type="text/plain"></div>
   <script th:src="@{/ueditor/ueditor.config.js}"></script>
   <script th:src="@{/ueditor/ueditor.all.min.js}"></script>
   <script th:src="@{/ueditor/lang/zh-cn/zh-cn.js}"></script>
   <script>
       UE.getEditor('editor');
   </script>
   </body>
   </html>

　　上传到七牛云要添加@EnableQiniuUploader注解

如有问题可以加群：806893930

自定义上传

　　1.当前服务自定义处理

　　实现com.baidu.ueditor.spring.EditorUploader接口，创建实现类的bean注入到spring容器中

　　案例中有实现的例子，实现类是 com.example.ueditorspringbootstarterexample.MyEditorUploader

2.直传到远程服务器
http://fex.baidu.com/ueditor/#qa-customurl

    <script>
        UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
        UE.Editor.prototype.getActionUrl = function(action) {
            if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
                return 'http://a.b.com/upload.php';
            } else if (action == 'uploadvideo') {
                return 'http://a.b.com/video.php';
            } else {
                return this._bkGetActionUrl.call(this, action);
            }
        }
        UE.getEditor('editor');
    </script>

文章来自：https://github.com/weiangongsi/ueditor-spring-boot-starter-example

支持上传到 本地、七牛云

项目配置

自定义上传

支持上传到本地、七牛云