fix(blog): 优化Markdown部分插件语法处理

Author: boxsnake

src/components/forum/ForumTopic.vue

@@ -106,6 +106,7 @@ import { getTopicTypeMap } from '~/composables/getTopicTypeMap'
 import { useToggle } from '@vueuse/core'
 import { useLocalized } from '@/hooks/useLocalized'
 import { sessionCacheRedirect } from '~/composables/sessionCacheRedirect'
+import { sanitizeMarkdown } from '~/composables/sanitizeMarkdown'
 
 const userInfo = useUserInfoStore()
 const topicTypeMap = getTopicTypeMap()
@@ -122,9 +123,7 @@ const { title, author, topic } = defineProps<{
 const [isExpanded, toggleExpand] = useToggle()
 
 const renderText = computed(() => {
-  const contentSanitized = topic.contentRaw
-    .replace(/!\[.*?\]\(.*?\)/g, '')
-    .replace(/<!--.*(?=-->)-->/giu, '')
+  const contentSanitized = sanitizeMarkdown(topic.contentRaw)
   if (isAnn.value) return contentSanitized
   return contentSanitized.slice(0, isExpanded.value ? undefined : 180)
 })

src/components/forum/utils.ts

@@ -1,5 +1,6 @@
 import { catchError } from '@/apis/utils'
 import { useUrlSearchParams } from '@vueuse/core'
+import { sanitizeMarkdown } from '~/composables/sanitizeMarkdown'
 
 export function transformLabelsToArray(labels: GITEE.IssueLabel[]) {
   const arr: string[] = []
@@ -157,6 +158,9 @@ export function extractPlainText(input: string): string {
     .replace(/([*_]{1,3}|~{2}|`{1,3}|#+|!\[|\]|\[|\]|\(|\)|>)/g, '') // Remove Markdown special characters
     .replace(/\s*[-+*] /g, '') // Remove list markers
     .replace(/\n{2,}/g, '\n') // Normalize multiple newlines
-  console.log(markdownToPlainText, htmlEntityDecode, htmlToNewline)
-  return markdownToPlainText.trim()
+
+  // Step 4: Sanitize to remove markdown plugin syntax
+  const plaintextSanitized = sanitizeMarkdown(markdownToPlainText)
+
+  return plaintextSanitized.trim()
 }

src/composables/sanitizeMarkdown.ts

@@ -2,6 +2,8 @@ export const sanitizeMarkdown = (
   markdown: string | null | undefined,
 ): string => {
   return (markdown || '')
-    .replace(/<!--.*(?=-->)-->/giu, '')
     .replaceAll(/!\[(.*?)\]\((.*?)(?:\s+"(.*?)")?\s*\)/g, '')
+    .replace(/<!--.*(?=-->)-->/giu, '')
+    .replace(/\{define:[^}]*\}.*?\{\/define\}/giu, '')
+    .replace(/\{color:[^}]*\}(.*?)\{\/color\}/giu, '$1')
 }