UEditor富文本编辑器前后端分离

最新推荐文章于 2023-09-19 09:35:27 发布

原创

最新推荐文章于 2023-09-19 09:35:27 发布 · 置顶 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ueditor #spring boot #java

本文介绍了如何在Spring Boot项目中集成UEditor富文本编辑器，包括下载源码、创建Java项目、设置ueditor图片上传支持接口以及前端配置。通过在Controller编写接口，并配置ueditor.config.js，实现了编辑器的正常运行和图片上传功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

UEditor富文本编辑器前后端分离

下载ueditor源码

下载ueditor源码

ueditor-1.4.3.3-utf8版

创建java项目

我这里用的是eclipse创建的maven+spring boot项目。目录如下
在这里插入图片描述

把ueditor-1.4.3.3-utf8版解压后jsp/lib文件夹下的jar全部导入到项目中 ，如果考虑用到maven打包的话先把json.jar和ueditor-1.1.2.jar放到maven仓库再引入，其它jar包可以直接在maven仓库引入；我这里是用build path引入项目使用；
同样的把jsp文件夹下的config.json文件复制到项目根目录下的config文件夹；

编写ueditor图片上传支持接口

直接上controller代码

//这里是controller
import com.baidu.ueditor.ActionEnter;
@Controller
public class UEditorController {
   
   
	private static final Logger logger =  LogManager.getLogger(UEditorController.class);

	@CrossOrigin