聊天室更新markdown

urbanLifelineWeb/packages/workcase_wechat/pages/chatRoom/chatRoom/chatRoom.uvue

@@ -66,7 +66,7 @@
 						</view>
 						<view class="message-content">
 							<view class="bubble other-bubble">
-								<text class="message-text">{{ msg.content }}</text>
+								<rich-text :nodes="renderMarkdown(msg.content || '')" class="message-rich-text"></rich-text>
 							</view>
 							<text class="message-time">{{ formatTime(msg.sendTime) }}</text>
 						</view>
@@ -396,6 +396,42 @@ function formatTime(time?: string): string {
 	return `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`
 }
 
+// Markdown渲染函数（返回富文本HTML）
+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
+}
+
 // 发送消息
 async function sendMessage() {
 	const text = inputText.value.trim()