【RuoYi-SpringBoot3-Pro】：使用 UEditor Plus 富文本编辑器替代 quill

若依集成的富文本编辑器 quill 功能非常简单，作为一个15年+的老程序员，还是怀念当年那个功能强大的 UEditor。虽然官方早就不维护了，但好在有大佬搞出了 UEditor Plus ，让UEditor重新焕发活力。

UEditor Plus 介绍

基于 UEditor 二次开发的富文本编辑器，全新的UI外观，支持文档一键导入，最新版本新增了AI功能，支持富文本续写、内容优化、内容生成等功能

前端集成

RuoYi-SpringBoot3-ElementPlus 已经集成了 UEditor Plus，可以直接使用。

1. 核心文件位置

• 静态资源存放目录：.\public\UEditorPlus
• 组件：.\src\components\UEditorPlus\index.vue

2. 怎么在页面里用？

<!-- .\src\views\system\notice\index.vue -->
<UEditorPlus v-model="form.noticeContent" placeholder="请输入内容"/>

AI 配置

在 .\public\UEditorPlus\ueditor.config.js，填写你的 DeepSeek key。注意：不用填写 url !

, ai: {
   
            // 大模型驱动 OpenAi ModStart
            driver: 'DeepSeek',
            // 大模型对接配置
            driverConfig: {
   
                // 模型API地址，留空使用默认
                url: '',
                // 大模型平台Key
                key: '',
                // 大模型平台模型
                model: 'deepseek-chat',
            },

后端集成

RuoYi-SpringBoot3-Pro 也同步配套好了，主要负责处理图片、视频的上传，可以根据实际情况修改：

1. 核心文件

• controller： ruoyi-admin/src/main/java/com/ruoyi/web/controller/common/UeditorController.java
• 配置文件： ruoyi-admin/src/main/resources/ueditor-config.json

• 总结

不管是排版还是 AI 辅助，UEditor Plus 的体验绝对吊打原始版本。有兴趣的小伙伴可以直接使用。

RuoYi-SpringBoot3-Pro

RuoYi-SpringBoot3-ElementPlus

往期教程

• 【RuoYi-SpringBoot3-Pro】：若依企业级增强版 —— 让开发更安全高效
• 【RuoYi-SpringBoot3-ElementPlus】：若依前端增强版 —— 功能扩展优化
• 【RuoYi-SpringBoot3-UniApp】：一套代码，多端运行的移动端开发方案
• 【RuoYi-SpringBoot3-Pro】：多数据库支持，再也不用为数据库选型烦恼了
• 【RuoYi-SpringBoot3-Pro】：接入 AI 对话能力
• 【RuoYi-SpringBoot3-Pro】：使用 Dify + AI 快速生成多数据库建表语句
• 【RuoYi-SpringBoot3-Pro】： 三级等保安全配置
• 【RuoYi-SpringBoot3-Pro】：Magic API 低代码开发
• 【RuoYi-SpringBoot3-Pro】：MyBatis-Plus 集成