-
- 新建springboot项目
- 不需要下载本项目，jar包已经上传到maven仓库
- pom文件引入
<dependency> <groupId>com.dcssn</groupId> <artifactId>ueditor-spring-boot-starter</artifactId> <version>2.0.1</version> </dependency> - 下载百度编辑器源码 链接：最新版本1.4.3.3 Jsp UTF-8版本
- 创建ueditor目录 resources > static > ueditor ，将源码拷贝到目录中
- jsp目录只保留 config.json 文件即可
- 或者直接使用本项目中的文件
├── resources │ ├── static │ │ ├── ueditor │ │ │ ├── dialogs │ │ │ ├── jsp │ │ │ │ └── config.json │ │ │ ├── lang │ │ │ ├── themes │ │ │ ├── ueditor.all.js │ │ │ ├── ueditor.config.js │ │ │ ├── ueditor.parse.js │ │ │ └── third-party -
- application.yml
ue: config-file: static/ueditor/jsp/config.json #resources目录下配置文件的位置 server-url: /ueditor.do #服务器统一请求接口路径 local: #上传到本地配置 url-prefix: /file/ #"/"结尾 自定义上传时字段无意义 physical-path: C:/upload/ #存储文件的绝对路径 必须使用标准路径"/"作为分隔符 自定义上传时字段无意义 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
- application.yml
-
- 新建Controller 添加mapping
@GetMapping("/") public String index() { return "ue"; } - 在templates下新建页面ue.html
<!DOCTYPE html> <html lang="UTF-8" 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 ，我第一次建群，里面就几个人，欢迎你的加入
- 新建Controller 添加mapping
-
- 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>
- 1.当前服务自定义处理