feat(rich): 备注/工单说明/知识正文支持 Markdown 与图片附件
写一件事的时候,光有纯文本不够:要贴截图、要分段、要标重点。 这次把「正文」这条路补全,思路是**存 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,全绿。
This commit is contained in:
@@ -162,3 +162,118 @@
|
||||
background-size: 32px 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Markdown 渲染样式:不引 @tailwindcss/typography(它会把行距和字重改得不像我们的界面),
|
||||
这里只针对我们真正会渲染的标签写一遍,保持与组件库同一套色板与节奏。 */
|
||||
.prose-dadao > * + * {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
.prose-dadao h1,
|
||||
.prose-dadao h2,
|
||||
.prose-dadao h3,
|
||||
.prose-dadao h4 {
|
||||
font-family: theme("fontFamily.display");
|
||||
color: theme("colors.ink.900");
|
||||
line-height: 1.35;
|
||||
margin-top: 1.1em;
|
||||
}
|
||||
.prose-dadao h1 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.prose-dadao h2 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.prose-dadao h3,
|
||||
.prose-dadao h4 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.prose-dadao strong {
|
||||
font-weight: 600;
|
||||
color: theme("colors.ink.900");
|
||||
}
|
||||
|
||||
.prose-dadao a {
|
||||
color: theme("colors.primary.700");
|
||||
text-decoration: underline;
|
||||
text-decoration-color: theme("colors.primary.300");
|
||||
text-underline-offset: 2px;
|
||||
}
|
||||
.prose-dadao a:hover {
|
||||
color: theme("colors.primary.800");
|
||||
}
|
||||
|
||||
.prose-dadao ul,
|
||||
.prose-dadao ol {
|
||||
padding-left: 1.15rem;
|
||||
}
|
||||
.prose-dadao ul {
|
||||
list-style: disc;
|
||||
}
|
||||
.prose-dadao ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
.prose-dadao li::marker {
|
||||
color: theme("colors.ink.300");
|
||||
}
|
||||
.prose-dadao li + li {
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
|
||||
.prose-dadao blockquote {
|
||||
border-left: 2px solid theme("colors.primary.300");
|
||||
padding-left: 0.75rem;
|
||||
color: theme("colors.ink.600");
|
||||
}
|
||||
|
||||
.prose-dadao code {
|
||||
font-family: theme("fontFamily.mono");
|
||||
font-size: 0.86em;
|
||||
background: theme("colors.paper.200");
|
||||
border-radius: 4px;
|
||||
padding: 0.1em 0.35em;
|
||||
}
|
||||
|
||||
.prose-dadao pre {
|
||||
background: theme("colors.ink.900");
|
||||
color: theme("colors.paper.50");
|
||||
border-radius: 10px;
|
||||
padding: 0.7rem 0.85rem;
|
||||
overflow-x: auto;
|
||||
font-size: 0.82em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.prose-dadao pre code {
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose-dadao hr {
|
||||
border: 0;
|
||||
border-top: 1px solid theme("colors.line.200");
|
||||
}
|
||||
|
||||
.prose-dadao img {
|
||||
max-width: 100%;
|
||||
border-radius: 8px;
|
||||
border: 1px solid theme("colors.line.100");
|
||||
}
|
||||
|
||||
.prose-dadao table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.prose-dadao th,
|
||||
.prose-dadao td {
|
||||
border: 1px solid theme("colors.line.200");
|
||||
padding: 0.35rem 0.5rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.prose-compact {
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user