上一版我自己写了 textarea + 正则工具栏,看着能用,一到粘贴图片、 中文输入法、撤销栈就露馅——这几样正是成熟组件积累的部分。按要求改成品。 - 编辑器开关 def: RichTextEditor = Vditor 4.0.1(MIT,ir 模式) * 运行时资源自托管:web/scripts/vendor-vditor.mjs 把 lute/i18n/icons 同步到 public/vditor,predev/prebuild 自动执行,不走 unpkg CDN (内网会一直卡在加载) - 只读渲染换 markdown-it + dompurify,删掉自写的正则渲染器 - 附件直链的令牌只在内存里存在:落库前 stripAttachmentTokens, 渲染/装载前补回(<img> 带不了 Authorization 头,raw?token= 是必要折中) - Vditor 不会替我们插入 upload.handler 的返回值(只当提示语 tip.show), 所以上传完自己 insertMD 验证:pytest 70 passed;e2e richtext 13 项、smoke 7、tickets 8、 knowledge 7 全绿;tsc 0 错;主包 299 kB/gzip 75 kB,Vditor 独立 chunk 385 kB 按需加载。
写一件事的时候,光有纯文本不够:要贴截图、要分段、要标重点。 这次把「正文」这条路补全,思路是**存 Markdown 而不是 HTML**—— 能导出、能全文检索、能直接喂给 LLM,也不必每次渲染都重新清洗一遍 HTML。 后端 - attachment 表 + RLS + 迁移 0005;本地磁盘存储,key 由内容 sha256 决定, 换对象存储只改 services/storage.py 一个文件 - 上传在**读流时**卡 20MB,不先落盘再判断;磁盘名由服务端生成,用户文件名只进库和响应头 - 列表带 attachment_count、详情带 attachments,避免一屏 N 次请求 - raw 直链给 <img src> 用(图片带不了 Authorization 头),只允许本工作区成员, 非成员一律 8001 不区分「不存在」与「没权限」 - 5 个用例:上传下载、超限、跨租户、删除确认与权限、raw 鉴权 前端 - 自研零依赖 Markdown 渲染器:先转义再上标签,链接协议白名单 - RichTextEditor:工具栏 + Ctrl+B/I + 预览,粘贴或拖入图片自动上传并插入引用 - AttachmentPanel:上传/下载/删除,下载走带 Authorization 的 fetch 转 blob - 任务备注、工单说明与验收结论、知识正文、评论全部接入 顺手修的 - TaskDetail.hydrate 漏了 setAttachments,导致附件面板永远是空的(e2e 抓到的) 71 passed;web tsc 0 错、构建 255.07 kB │ gzip 80.85 kB; e2e:richtext 9 项 + smoke 7 + tickets 8 + knowledge 7,全绿。