Spring Boot + thymeleaf + UEditor整合

最新推荐文章于 2022-05-16 23:35:36 发布

在阴天搁浅的风筝

最新推荐文章于 2022-05-16 23:35:36 发布

阅读量2.5k

点赞数 1

分类专栏： Spring Boot整合文章标签： UEditor 整合 Spring Boot thymeleaf

本文链接：https://blog.csdn.net/Rude_M/article/details/81667457

版权

本文介绍了如何在Spring Boot项目中结合Thymeleaf和UEditor进行富文本编辑器的整合。首先从官网下载UEditor源码并放置到项目相应目录，注意config.json的位置。接着配置POM依赖，启动类注解。然后创建UEditorController处理请求，解决上传图片功能的问题，调整config.json配置，并在application.properties中设置相关路径，最终实现正常上传和显示功能。

摘要由CSDN通过智能技术生成

因为公司项目需求，需要使用富文本编辑器，货比三家选择了百度的UEditor。然而做这个时，我这个小萌新连Spring Boot都不太清楚，所以给自己挖了很多坑，然后一直在填坑.....

首先到官网下载源码以及jsp版本，然后将解压后的源码分别放到项目下。如图所示，这里需要注意的是config.json需要放到resource根目录下。还有就是index.html放到templates下。

接着就是pom的依赖了。

<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>

		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
		<dependency>
    		<groupId>org.springframework.boot</groupId>
    		<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
		<dependency>
            <groupId>org.json</groupId>
            <artifactId>json</artifactId>
            <version>20180130</version>
        </dependency>

        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.2</version>
        </dependency>
        <dependency>
            <groupId>commons-codec</groupId>
            <artifactId>commons-codec</artifactId>
        </dependency>
	</dependencies>