聊天室更新markdown

urbanLifelineWeb/packages/workcase_wechat/pages/index/index.uvue

@@ -71,7 +71,7 @@
 								<view class="typing-dot"></view>
 								<view class="typing-dot"></view>
 							</view>
-							<text class="message-text" v-else>{{item.content}}</text>
+							<rich-text v-else :nodes="renderMarkdown(item.content)" class="message-rich-text"></rich-text>
 						</view>
 					</view>
 					<text class="message-time">{{item.time}}</text>
@@ -503,6 +503,42 @@
 		await callAIChat(question)
 	}
 
+	// Markdown渲染函数（返回富文本节点）
+	function renderMarkdown(text : string) : string {
+		if (!text) return ''
+
+		// 转义HTML特殊字符
+		let html = text
+			.replace(/&/g, '&amp;')
+			.replace(/</g, '&lt;')
+			.replace(/>/g, '&gt;')
+
+		// 处理粗体（**语法）
+		html = html.replace(/\*\*([^\*]+)\*\*/g, '<strong>$1</strong>')
+
+		// 处理斜体（*语法，但要避免和粗体冲突）
+		html = html.replace(/(?<!\*)\*([^\*]+)\*(?!\*)/g, '<em>$1</em>')
+
+		// 处理行内代码（`语法）
+		html = html.replace(/`([^`]+)`/g, '<code style="background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:monospace;color:#e53e3e;">$1</code>')
+
+		// 处理链接（[text](url)语法）
+		html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" style="color:#0055AA;text-decoration:underline;">$1</a>')
+
+		// 处理标题（# ## ###等）
+		html = html.replace(/^### (.+)$/gm, '<div style="font-size:16px;font-weight:600;margin:8px 0 4px;">$1</div>')
+		html = html.replace(/^## (.+)$/gm, '<div style="font-size:18px;font-weight:600;margin:10px 0 6px;">$1</div>')
+		html = html.replace(/^# (.+)$/gm, '<div style="font-size:20px;font-weight:700;margin:12px 0 8px;">$1</div>')
+
+		// 处理无序列表（- 或 * 开头）
+		html = html.replace(/^[*-] (.+)$/gm, '<div style="margin-left:16px;">• $1</div>')
+
+		// 处理换行
+		html = html.replace(/\n/g, '<br/>')
+
+		return html
+	}
+
 	// 显示上传选项
 	function showUploadOptions() {
 		uni.showActionSheet({