# 富文本编辑器前端wangEditor+vue3

**Repository Path**: feiyu_link/rich-text-editor-richText

## Basic Information

- **Project Name**: 富文本编辑器前端wangEditor+vue3
- **Description**: 富文本编辑器(wangEditor)🥗 前后端实现🌯 vue3+springboot
通俗易懂🥙 自定义上传资源方法🥰
- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2023-07-15
- **Last Updated**: 2023-07-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 富文本编辑器前端wangEditor+vue3

#### 介绍
富文本编辑器(wangEditor)🥗 
前后端实现🌯
 vue3+springboot
通俗易懂🥙 自定义上传资源方法🥰

:heart:**[前端gitee地址](https://gitee.com/ksjfksjk/rich-text-editor-richText)**:heart:   
:heart: **[后端gitee地址](https://gitee.com/ksjfksjk/rich-text-editor-demo)**:heart: 

#### 软件架构
​
🥰给大家分享一个好用的富文本编辑器🥰

![输入图片说明](https://foruda.gitee.com/images/1662511265409230350/747d7bdb_8992400.png "屏幕截图")


### 🧰项目功能介绍🧰


:office: 前后端分离 :office: 

🍳前端 vue3+typescript+wangEditor+axios🍳      

🥨 后端 springboot+mybatis-plus+swagger🥨

🥐项目精简 不引入过多框架🥐

🌯1. 自定义图片上传🌯
🍗2. 自定义视频上传🍗

(wangEditor 有默认配置 但要返回response body有格式要求 故自己编写后端自定义实现) 
🍖3. 后端 对于html的处理 转义安全字符 解义🍖
🧀4. 文章的保存🧀
🥗5. 文章的查询🥗


### 🚕资源介绍🚕


![输入图片说明](https://foruda.gitee.com/images/1662511397122410544/fe140c7d_8992400.png "屏幕截图")

 **🛺swagger接口文档🛺** 


![输入图片说明](https://foruda.gitee.com/images/1662511417254326978/00df1e32_8992400.png "屏幕截图")
  
 
 **🚙编辑器功能展示🚙** 


![输入图片说明](https://foruda.gitee.com/images/1662511437729159511/de729592_8992400.png "屏幕截图")


 **🛻项目目录讲解🛻** 

![](https://foruda.gitee.com/images/1662511475373700429/09fd692c_8992400.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1662511492837085459/6d202390_8992400.png "屏幕截图")

 **🎨前端🎨** 

![输入图片说明](https://foruda.gitee.com/images/1662511517454157887/02e14910_8992400.png "屏幕截图")

 
 **🌃后端🌃** 


![输入图片说明](https://foruda.gitee.com/images/1662511539972168412/3b84bc64_8992400.png "屏幕截图")


 **🚎数据库🚎** 

![输入图片说明](src/assets/database.png)

​
### 🚒功能演示 源码分享🚒

​
 关于功能的动态详细展示 

我专门录制的一期B站视频 作为讲解

【一款好用的富文本编辑器 wangEditor 前后端 vue3+springboot】 

[B站视频链接](https://www.bilibili.com/video/BV1ie4y1h7rc?share_source=copy_web&vd_source=1dc9fc4d0fd87cb721fadcf6df1d4865)

🥰制作不易  感谢三连支持🥰

​



#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)