feat(chat): 增强AI回复渲染 — 代码高亮/KaTeX数学/删除线/URL自动链接

新增渲染能力:
1. highlight.js 代码语法高亮 + 复制按钮 (hover显示)
2. KaTeX 数学公式渲染 ($$...$$块级 + $...$行内)
3. 删除线 ~~text~~ → <del>
4. 裸URL自动转可点击链接

依赖: npm install highlight.js katex mermaid
This commit is contained in:
QihuAI Design committed 2026-07-16 16:25:41 +08:00
1 parent 8486a2a0e5
commit dc577eb0f0
3 files changed
+98

No files matched your search

+46
View File
@@ -507,6 +507,52 @@
background: rgba(255, 255, 255, 0.05);
}
/* 数学公式 */
.md-math-block {
display: block;
overflow-x: auto;
padding: 10px 0;
text-align: center;
}
.md-math-inline {
display: inline;
padding: 0 2px;
}
/* 代码块包装器 + 复制按钮 */
.md-code-wrapper {
position: relative;
margin: 12px 0;
}
.md-code-wrapper .md-code-block {
margin: 0;
border-radius: var(--radius-md);
}
.md-code-copy {
position: absolute;
top: 8px;
right: 8px;
padding: 4px 10px;
font-size: 12px;
color: #6B7280;
background: #F3F4F6;
border: 1px solid #E5E7EB;
border-radius: 4px;
cursor: pointer;
opacity: 0;
transition: opacity 0.2s;
z-index: 2;
}
.md-code-wrapper:hover .md-code-copy {
opacity: 1;
}
/* 删除线 */
del {
text-decoration: line-through;
opacity: 0.6;
}
.md-hr {
border: none;
border-top: 1px solid var(--color-border);