【源码】基于Ant Design Pro V4和Express的富文本编辑系统

项目简介

本项目是基于Ant Design Pro V4和Express构建的富文本编辑系统。前端借助Ant Design Pro V4打造现代化界面，集成UEditor富文本编辑器与秀米插件，提供强大且多样的文本编辑功能；后端运用Express提供上传服务及其他后台操作，实现前后端高效协作。

项目的主要特性和功能

1. 现代化界面：采用Ant Design Pro V4，界面美观且易用，提升用户体验。
2. 强大的文本编辑：集成UEditor富文本编辑器，支持丰富的文本编辑操作。
3. 多样化编辑方式：接入秀米插件，使编辑更加便捷、多样。
4. 上传服务：通过Express后端提供文件上传服务。

安装使用步骤

前提条件

确保已安装Node.js和npm，且已下载本项目的源码文件。

安装流程

1. 安装并打包Ant Design Pro项目： bash cd antd-pro && npm install && npm run build
2. 部署Ant Design Pro到Express项目： bash mv antd-pro/dist server/public
3. 安装并启动Express项目： bash cd server && npm install && npm start
4. 预览项目：在浏览器中访问http://localhost:3000。

注意事项

若要从秀米编辑器插件中取回编辑内容，需将项目部署到https的生产环境。

前端配置与使用

• 使用umi创建Ant Design Pro V4项目。
• 集成ifanrx/react-ueditor。
• 参照秀米插件文档添加文件和配置，重载ifanrx-react-ueditor以添加秀米插件。

后端配置与使用

• 使用express-generator创建Express项目。
• 安装node ueditor库，实现上传的middleware接口。
• 配置Ant Design Pro项目中的服务端地址。
• 完成上传功能测试。鉴权可选择使用express-session或token鉴权方式。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】