SpringBoot整合富文本编辑器Editor

最新推荐文章于 2025-04-21 13:29:40 发布

Night_POI

最新推荐文章于 2025-04-21 13:29:40 发布

阅读量2.3k

点赞数

分类专栏： java学习文章标签： spring java spring boot 后端

本文链接：https://blog.youkuaiyun.com/Night_POI/article/details/121627565

版权

本文档详细介绍了如何在SpringBoot项目中整合Editor.md富文本编辑器，并与Dubbo服务进行交互，实现博客文章的发布和图片上传。涉及到的关键步骤包括：下载Editor源代码，配置SpringBoot工程依赖，设计数据库表，配置应用属性，前端页面与资源文件的设置，以及前后端交互处理。同时，提供了图片上传和文章发布的后台处理方法。在遇到问题时，参考官方示例是解决之道。

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

1.前言

富文本编辑器的整合是一件十分简单的事情，在遇到困难时，不妨看看editor文件夹中的官方演示文件，可以让我们知道某些过程是如何实现的以及通过最简练的代码完成前后端的设计 (在文件的examples文件夹中有着许多测试页面,可以参照着这些页面完成富文本框的搭建)

2.下载Editor源代码

3.搭建SpringBoot工程,导入依赖

这里比较核心的依赖是fastjson 与数据库交互的一些依赖就自行导入了,这次的工程是分布式工程,clint层和sever层是分离的,这里仅展示clint部分的依赖

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

        <!--dubbo场景启动器-->
        <dependency>
            <groupId>io.dubbo.springboot</groupId>
            <artifactId>spring-boot-starter-dubbo</artifactId>
            <version>1.0.0</version>
        </dependency>

        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
            <version>1.2.17</version>
        </dependency>

        <dependency>
            <groupId>org.example</groupId>
            <artifactId>dubbo_boke</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>

        <!--模版引擎-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-freemarker</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>


        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.47</version>
        </dependency>

    </dependencies>

4.数据库设计

重点就是用longtext类型来接收数据

5.配置文件application.properties

这里的重点就是规定静态文件的位置(其实这个配置感觉不太用得到)

#修改端口号
server.port=8080
#配置视图的位置
spring.freemarker.template-loader-path=classpath:/templates/
#配置视图的后缀
spring.freemarker.suffix=.ftl
#dubbo相关配置
spring.dubbo.application.name=client-student
#2181 zookeeper默认端口号
spring.dubbo.registry.address=zookeeper://192.168.163.129:2181
spring.dubbo.scan=com.example.demo.controller
##规定静态文件的位置*

最低0.47元/天解锁文章