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:
1 parent
8486a2a0e5
commit
dc577eb0f0
3 files changed
+98
No files matched your search
@@ -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);
|
||||
|
||||
Reference in new issue
Block a user