GuangYu/QuestionProject
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(chat): refine markdown typography

Browse Source
This commit is contained in:
Nelson
2026-07-17 14:33:26 +08:00
parent c7bafda135
commit 9173267e09
6 changed files with 96 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ai_knowledge_base_v2/apps/user-client/src/components/ChatMessage.vue
View File

@@ -23,9 +23,17 @@ const reasoning = computed(() => props.reasoning || parsed.value.reasoning);
const hasAnswer = computed(() => answer.value.trim().length > 0);
const renderedContent = computed(() => {
if (props.role !== "assistant") return answer.value;
return hasAnswer.value ? markdown.render(answer.value) : "";
return hasAnswer.value ? markdown.render(normalizeStandaloneHeadings(answer.value)) : "";
});
function normalizeStandaloneHeadings(content: string) {
return content.replace(/^([ \t]*)\*\*(.+)\*\*[ \t]*$/gm, (line, indent: string, title: string) => {
const normalizedTitle = title.trim();
if (!normalizedTitle || normalizedTitle.length > 48 || normalizedTitle.includes("**")) return line;
return `${indent}### ${normalizedTitle}`;
});
}
function splitReasoning(content: string) {
const lower = content.toLowerCase();
let answer = "";

32
ai_knowledge_base_v2/apps/user-client/src/styles.css
View File

@@ -1321,7 +1321,7 @@ textarea:focus-visible {
white-space: pre-wrap;
color: inherit;
font-size: 15px;
line-height: 1.78;
line-height: 1.7;
letter-spacing: 0;
}
@@ -1369,35 +1369,39 @@ textarea:focus-visible {
.markdown-content > :first-child { margin-top: 0; }
.markdown-content > :last-child { margin-bottom: 0; }
.markdown-content p { margin: 0 0 12px; }
.markdown-content p { margin: 0 0 8px; }
.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4 {
margin: 20px 0 9px;
.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
margin: 15px 0 6px;
color: var(--chat-text);
line-height: 1.45;
line-height: 1.42;
font-weight: 700;
}
.markdown-content h1 { font-size: 20px; }
.markdown-content h2 { font-size: 18px; }
.markdown-content h3,
.markdown-content h3 { font-size: 17px; }
.markdown-content h4 { font-size: 16px; }
.markdown-content h5,
.markdown-content h6 { font-size: 15px; }
.markdown-content ul,
.markdown-content ol {
margin: 8px 0 13px;
padding-left: 22px;
margin: 6px 0 9px;
padding-left: 21px;
}
.markdown-content li + li { margin-top: 6px; }
.markdown-content li + li { margin-top: 3px; }
.markdown-content strong { color: var(--chat-text); font-weight: 700; }
.markdown-content blockquote {
margin: 12px 0;
padding: 8px 12px;
margin: 9px 0;
padding: 7px 11px;
border-left: 3px solid #8cc7b6;
background: var(--chat-brand-soft);
color: #526b63;
@@ -1405,6 +1409,12 @@ textarea:focus-visible {
.markdown-content blockquote p { margin: 0; }
.markdown-content hr {
margin: 14px 0;
border: 0;
border-top: 1px solid var(--chat-border);
}
.chat-composer {
position: relative;
z-index: 6;