功能指南
编辑器与草稿
多模式编辑器与自动草稿保存机制
编辑器模式
Ech0 编辑器提供 6 种模式,通过模式面板切换:
| 模式 | 说明 |
|---|---|
| Echo 编辑 | 默认模式,基于 Vditor 的 Markdown 编辑器 |
| 模式面板 | 显示可用的扩展和收件箱入口 |
| 扩展编辑 | 编辑音乐/视频/GitHub 项目/网站链接扩展卡片 |
| 图片管理 | 图片上传、布局选择(瀑布流/网格/横向/轮播)、智能压缩开关 |
| 标签管理 | 为 Echo 添加或移除标签 |
| 收件箱 | 查看和管理收件箱消息 |
草稿自动保存
编辑器内建自动草稿保存机制,防止意外丢失内容。
工作原理
- 监听所有编辑状态的变化(文字、文件、扩展、标签等)
- 变化后 600ms 防抖自动保存到浏览器
localStorage - 草稿有效期 24 小时,过期自动清除
- 页面关闭或隐藏时立即刷新保存
保存内容
草稿完整保存以下状态:
- 文字内容与隐私设置
- 图片布局模式
- 附件文件列表
- 扩展内容(音乐 URL、视频 URL、GitHub 仓库、网站链接)
- 标签
恢复机制
下次打开编辑器时,若存在有效草稿(未超过 24 小时),会弹出确认对话框:
- 确认恢复:还原所有编辑状态
- 取消恢复:清除草稿
编辑已有 Echo 时不会覆盖草稿(仅新建模式下保存草稿)。
图片智能压缩
上传图片时可开启"智能压缩",基于 @uppy/compressor:
- Safari 浏览器:输出为
image/jpeg - 其他浏览器:输出为
image/webp - 可转换类型:
image/jpeg、image/png、image/webp - 在图片管理模式中通过开关控制
- 仅对本地上传图片生效,外部链接不压缩
上传配置
- 通过 Uppy 组件管理,支持拖拽上传
- 单批最多 6 个文件
- 并发上传数:2
- 最大重试:2 次
- 自动提取图片尺寸信息
- S3 模式下支持预签名 URL 直传