feat: markdown 图片语法中支持 dataURL 格式

Mereithhh · Mar 22, 2023 · 971de9a · 971de9a
1 parent 7b31b0f
commit 971de9a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/packages/admin/src/components/Editor/index.tsx b/packages/admin/src/components/Editor/index.tsx
@@ -27,6 +27,11 @@ import { Heading } from './plugins/heading';
 import { customCodeBlock } from './plugins/codeBlock';
 import { LinkTarget } from './plugins/linkTarget';
 
+const sanitize = (schema) => {
+  schema.protocols.src.push('data')
+  return schema
+}
+
 export default function EditorComponent(props: {
   value: string;
   onChange: (string: string) => void;
@@ -65,7 +70,7 @@ export default function EditorComponent(props: {
           plugins={plugins}
           onChange={props.onChange}
           locale={cn}
-
+          sanitize={sanitize}
           uploadImages={async (files: File[]) => {
             setLoading(true);
             const res = [];

diff --git a/packages/website/components/Markdown/index.tsx b/packages/website/components/Markdown/index.tsx
@@ -22,9 +22,12 @@ const plugins = [
   LinkTarget(),
   Heading(),
 ]
-
+const sanitize = (schema) => {
+  schema.protocols.src.push('data')
+  return schema
+}
 export default function ({ content }: { content: string }) {
   return <div className="markdown-body">
-    <Viewer value={content} plugins={plugins} remarkRehype={{ allowDangerousHtml: true }} />
+    <Viewer value={content} plugins={plugins} remarkRehype={{ allowDangerousHtml: true }} sanitize={sanitize} />
   </div>
 }