feat: 添加rehype-raw支持，更新Markdown解析器以处理HTML标签

package.json

@@ -68,6 +68,7 @@
     "react-resizable-panels": "^2.1.7",
     "react-use": "^17.6.0",
     "rehype-katex": "^7.0.1",
+    "rehype-raw": "^7.0.0",
     "remark": "^15.0.1",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",

src/MarkdownEditor/editor/elements/media.tsx

@@ -464,7 +464,7 @@ export function Media({
             },
           }}
           trigger="click"
-          open={state().selected ? undefined : false}
+          open={state().selected && !readonly ? undefined : false}
           content={
             <ActionIconBox
               title="删除"

src/MarkdownEditor/editor/parser/parserMarkdown.ts

@@ -296,7 +296,7 @@ const parserBlock = (
             .replace('-->', '')
             .trim() || '{}';
 
-        if (value) {
+        if (value && currentElement?.value.trim()?.startsWith('<!--')) {
           try {
             contextProps = json5.parse(value);
           } catch (e) {
@@ -338,7 +338,7 @@ const parserBlock = (
             el = { type: 'break', children: [{ text: '' }] };
           } else {
             const htmlMatch = currentElement.value.match(
-              /<\/?(b|i|del|code|span|a)[^\n>]*?>/,
+              /<\/?(b|i|del|font|code|span|sup|sub|a)[^\n>]*?>/,
             );
             if (htmlMatch) {
               const [str, tag] = htmlMatch;
@@ -380,6 +380,14 @@ const parserBlock = (
                       url: url[1],
                     });
                   }
+                } else if (tag === 'font') {
+                  const color = str.match(/color="([^"\n]+)"/);
+                  if (color) {
+                    htmlTag.push({
+                      tag: tag,
+                      color: color[1],
+                    });
+                  }
                 } else {
                   htmlTag.push({ tag: tag });
                 }
@@ -698,6 +706,13 @@ const parserBlock = (
           el = { text: currentElement.value };
           if (currentElement.value) {
             for (let t of htmlTag) {
+              if (t.tag === 'font') {
+                console.log(t);
+                el.color = t.color;
+              }
+              if (t.tag === 'sup') el.identifier = el.text;
+              if (t.tag === 'sub') el.identifier = el.text;
+
               if (t.tag === 'code') el.code = true;
               if (t.tag === 'i') el.italic = true;
               if (t.tag === 'b' || t.tag === 'strong') el.bold = true;

src/MarkdownEditor/editor/parser/remarkParse.ts

@@ -1,4 +1,5 @@
 import rehypeKatex from 'rehype-katex';
+import rehypeRaw from 'rehype-raw';
 import remarkFrontmatter from 'remark-frontmatter';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
@@ -9,7 +10,8 @@ import { unified } from 'unified';
 const parser = unified()
   .use(remarkParse)
   .use(remarkMath as any)
-  .use(remarkRehype as any)
+  .use(remarkRehype as any, { allowDangerousHtml: true })
+  .use(rehypeRaw)
   .use(rehypeKatex as any)
   .use(remarkGfm)
   .use(remarkFrontmatter, ['yaml']);