更换编辑器

This commit is contained in:
2026-07-14 15:49:00 +08:00
parent 238f210d52
commit 4aa9204df7
26 changed files with 4341 additions and 2623 deletions
+7 -7
View File
@@ -11,7 +11,7 @@ notebook/
├── index.vue # 主页面(列表+编辑器)
├── components/
│ ├── edit.vue # 编辑器组件
│ └── WangEditor.vue # WangEditor富文本编辑器封装
│ └── TiptapEditor.vue # Tiptap富文本编辑器(已全局注册)
└── README.md # 说明文档
```
@@ -137,14 +137,14 @@ go run main.go
- ✅ 显示更新时间
### 编辑器功能
- ✅ 富文本编辑(基于WangEditor
- ✅ 富文本编辑(基于Tiptap
- ✅ 标题编辑
- ✅ 内容编辑
- ✅ 保存笔记
- ✅ 自动识别新建/编辑模式
- ✅ 加载状态显示
### WangEditor支持的功能
### TiptapEditor支持的功能
- 文本样式(加粗、斜体、下划线等)
- 标题(H1-H6
- 引用
@@ -199,9 +199,9 @@ go run main.go
## 技术栈
- **前端**: Vue 3 + Element Plus + WangEditor
- **前端**: Vue 3 + Element Plus + Tiptap
- **后端**: Go + Beego + MySQL
- **编辑器**: WangEditor 5.x
- **编辑器**: Tiptap (基于ProseMirror)
## 开发调试
@@ -233,7 +233,7 @@ go run main.go
- 查看后端日志
3. **编辑器显示异常**
- 检查WangEditor是否正确安装
- 检查Tiptap是否正确安装
- 查看浏览器Console错误信息
- 检查CSS样式是否正确加载
@@ -242,6 +242,6 @@ go run main.go
### v1.0.0 (2024)
- ✅ 完成基础功能
- ✅ 支持笔记CRUD操作
- ✅ 集成WangEditor富文本编辑器
- ✅ 集成Tiptap富文本编辑器
- ✅ 响应式设计支持
- ✅ 暗色模式支持