项目中使用到百度的富文本编辑器ueditor,网上也有相关的博客做了比较全面的介绍,只是需要较多时间去一一整理,个人认为这其中的难点主要在于加载ueditor的配置文件config.json,网上的教程大概可以分为两种加载方式,一是修改源码直接去读取ueditor的原配置文件,相关教程参考自:很详细的SpringBoot整合UEditor教程;第二种则是通过新建一个config的java类来代替原配置文件,相关教程参考自:springboot集成ueditor富文本编辑器(不需修改ueditor源码)。
从ueditor的官网可以看见其相关文件都是放在WEB-INF/lib/目录下面的,所有ueditor自带的jar包里面的默认配置也都是按相关路径去加载的,所以对与像springboot这样结构的项目是加载不了配置文件的,于是解决办法大概就有通过修改ueditor.jar的源代码、通过修改项目的结构以及手动新建加载配置文件的类来实现加载的目的,最后个人觉得通过新添加一个类来实现该功能更合适,所以以下就是对第三种方式进行说明,如有遗漏、错误的地方还请大神们多多指教!
- 下载ueditor文件并导入到项目中(使用的是jsp版本);官网地址:点此下载
- 以下是项目结构:
- 将ueditor自带的jar包导入项目;
- 新建返回实体类:该实体类的作用是将后台处理的结果返回给前台页面,
package com.jiuding.emergency.entity;
public class Ueditor {
private String state;
private String url;
private String title;
private String original;
public Ueditor() {
super();
}
public Ueditor(String state, String url, String title, String original) {
super();
this.state = state;
this.url = url;
this.title = title;
this.original = original;
}
public String getState() {
return state;
}
public void setState(String state) {
this.state = state;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getOriginal() {
return original;
}
public void setOriginal(String original) {
this.original = original;
}
}
5.新建ueditor的配置文件类,这也是替换原配置文件的关键,以后需要对配置文件的更改也将是在这里进行!!!
package com.jiuding.emergency.common;
public class UeditorConfig {
public final static String UEDITOR_CONFIG = "{
\n" +
" \"imageActionName\": \"uploadimage\",\n" +
" \"imageFieldName\": \"upfile\",\n" +
" \"imageMaxSize\": 2048000,\n" +
" \"imageAllowFiles\": [\".png\", \".jpg\", \".jpeg\", \".gif\", \".bmp\"],\n" +
" \"imageCompressEnable\": true,\n" +
" \"imageCompressBorder\": 1600,\n"