SpringBoot集成百度ueditor富文本编辑器（实现自定义上传路径）

最新推荐文章于 2025-06-08 15:08:47 发布

原创

最新推荐文章于 2025-06-08 15:08:47 发布 · 5.6k 阅读

5 ·

CC 4.0 BY-SA版权

本文介绍了如何在SpringBoot项目中集成百度UEditor富文本编辑器，并解决默认不支持直接访问jsp的问题。通过下载源文件、配置自定义上传路径、引入必要的jar包、修改ueditor.config.js及创建Controller来处理配置请求，实现了文件上传功能。同时，提供了相关代码示例，包括Ueditor实体类和前端页面的引入。

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

springboot默认不支持直接访问jsp

首先去官网下载源文件将以下文件导入自己的项目

本人使用的是4.1.13的

按照教程你需要访问

这里的jsp 其实这个jsp的作用也是获取同目录下的json文件来读取配置

所以导致你获取不到config.json

由于要用到文件上传需要导入jar包放在WEB_INF的lib目录下就行然后右键项目buildpath一下

我这里用maven

<dependency>
		  <groupId>commons-io</groupId>
		  <artifactId>commons-io</artifactId>
		  <version>1.3</version>
		</dependency>

<dependency>
		  <groupId>commons-fileupload</groupId>
		  <artifactId>commons-fileupload</artifactId>
		  <version>1.3</version>
		</dependency>

<dependency>
		    <groupId>cn.songxinqiang</groupId>
		    <artifactId>com.baidu.ueditor</artifactId>
		    <version>1.1.2-offical</version>
		</dependency>

百度ueditor maven可能会找不到可以自己把jar放到本地仓库我是直接放到公司maven私服上

代替config.json文件

跟config.json一样但是换成了java

package com.cykj.common.config.ueditor;
///ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}
public class PublicMsg {
	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" +
            "    \"imageInsertAlign\": \"none\",\n" +
            "    \"imageUrlPrefix\": \"/cy_errand\",\n" +
            "    \"imagePathFormat\": \"/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}\",\n" +
            "\n" +
            "    \"scrawlActionName\": \"uploadscrawl\",\n" +
            "    \"scrawlFieldName\": \"upfile\",\n" +
            "    \"scrawlPathFormat\": \"/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}\",\n" +
            "    \"scrawlMaxSize\": 2048000,\n" +
            "    \"scrawlUrlP