fix: modify urlTransform by default.

uiwjs/react-md-editor#607

Author: jaywcjlove

core/src/index.tsx

@@ -4,6 +4,7 @@ import rehypePrism from 'rehype-prism-plus';
 import { PluggableList } from 'unified';
 import rehypeRewrite from 'rehype-rewrite';
 import rehypeAttrs from 'rehype-attr';
+import rehypeRaw from 'rehype-raw';
 import { reservedMeta } from './plugins/reservedMeta';
 import { retrieveMeta } from './plugins/retrieveMeta';
 import { rehypeRewriteHandle, defaultRehypePlugins } from './rehypePlugins';
@@ -14,6 +15,7 @@ export * from './Props';
 export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props, ref) => {
   const rehypePlugins: PluggableList = [
     reservedMeta,
+    rehypeRaw,
     retrieveMeta,
     [rehypePrism, { ignoreMissing: true }],
     ...defaultRehypePlugins,

core/src/nohighlight.tsx

@@ -5,6 +5,7 @@ import rehypeRewrite from 'rehype-rewrite';
 import { reservedMeta } from './plugins/reservedMeta';
 import { retrieveMeta } from './plugins/retrieveMeta';
 import rehypeAttrs from 'rehype-attr';
+import rehypeRaw from 'rehype-raw';
 import { rehypeRewriteHandle, defaultRehypePlugins } from './rehypePlugins';
 import type { MarkdownPreviewProps, MarkdownPreviewRef } from './Props';
 
@@ -13,6 +14,7 @@ export * from './Props';
 export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props, ref) => {
   const rehypePlugins: PluggableList = [
     reservedMeta,
+    rehypeRaw,
     retrieveMeta,
     ...defaultRehypePlugins,
     [rehypeRewrite, { rewrite: rehypeRewriteHandle(props.disableCopy ?? false, props.rehypeRewrite) }],

core/src/preview.tsx

@@ -1,12 +1,17 @@
 import React, { useImperativeHandle } from 'react';
-import ReactMarkdown from 'react-markdown';
+import ReactMarkdown, { UrlTransform } from 'react-markdown';
 import { PluggableList } from 'unified';
 import gfm from 'remark-gfm';
 import raw from 'rehype-raw';
 import { useCopied } from './plugins/useCopied';
 import { type MarkdownPreviewProps, type MarkdownPreviewRef } from './Props';
 import './styles/markdown.less';
 
+/**
+ * https://github.com/uiwjs/react-md-editor/issues/607
+ */
+const defaultUrlTransform: UrlTransform = (url) => url;
+
 export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props, ref) => {
   const {
     prefixCls = 'wmde-markdown wmde-markdown-color',
@@ -21,6 +26,7 @@ export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props
     rehypeRewrite: rewrite,
     wrapperElement = {},
     warpperElement = {},
+    urlTransform,
     ...other
   } = props;
   const mdp = React.useRef<HTMLDivElement>(null);
@@ -48,6 +54,7 @@ export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props
         {...customProps}
         {...other}
         skipHtml={skipHtml}
+        urlTransform={urlTransform || defaultUrlTransform}
         rehypePlugins={pluginsFilter ? pluginsFilter('rehype', rehypePlugins) : rehypePlugins}
         remarkPlugins={pluginsFilter ? pluginsFilter('remark', remarkPlugins) : remarkPlugins}
         children={source || ''}

website/src/App.tsx

@@ -46,13 +46,7 @@ export const Example = () => {
         spellCheck="false"
         onChange={(e) => setValue(e.target.value)}
       />
-      <MarkdownPreview
-        urlTransform={(url) => {
-          return url;
-        }}
-        className="editor-preview"
-        source={value}
-      />
+      <MarkdownPreview className="editor-preview" source={value} />
     </EditorWrapper>
   );
 };