feat: reserved meta data.

Author: jaywcjlove

README.md

@@ -30,7 +30,7 @@ $ npm install @uiw/react-markdown-preview --save
 
 [![Open in CodeSandbox](https://img.shields.io/badge/Open%20in-CodeSandbox-blue?logo=codesandbox)](https://codesandbox.io/embed/react-markdown-preview-co1mj?fontsize=14&hidenavigation=1&theme=dark)
 
-```js
+```js test:meta
 import MarkdownPreview from '@uiw/react-markdown-preview';
 
 const source = `

src/index.tsx

@@ -13,6 +13,8 @@ import { octiconLink } from './nodes/octiconLink';
 import { copyElement } from './nodes/copy';
 import './styles/markdown.less';
 
+import { reservedMeta } from './plugins/reservedMeta';
+
 const rehypeRewriteHandle = (node: ElementContent, index: number | null, parent: Root | Element | null) => {
   if (node.type === 'element' && parent && parent.type === 'root' && /h(1|2|3|4|5|6)/.test(node.tagName)) {
     const child = node.children && (node.children[0] as Element);
@@ -58,6 +60,7 @@ export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props
   useImperativeHandle(ref, () => ({ ...props, mdp }), [mdp, props]);
   const cls = `${prefixCls || ''} ${className || ''}`;
   const rehypePlugins: PluggableList = [
+    reservedMeta,
     [rehypePrism, { ignoreMissing: true }],
     rehypeRaw,
     slug,

src/plugins/reservedMeta.ts

@@ -0,0 +1,15 @@
+import { Plugin } from 'unified';
+import { Root, RootContent } from 'hast';
+import { visit } from 'unist-util-visit';
+
+export interface ReservedMetaOptions {}
+
+export const reservedMeta: Plugin<[ReservedMetaOptions?], Root> = (options = {}) => {
+  return (tree) => {
+    visit(tree, (node: Root | RootContent) => {
+      if (node.type === 'element' && node.tagName === 'code' && node.data && node.data.meta) {
+        node.properties = { ...node.properties, 'data-meta': String(node.data.meta) };
+      }
+    });
+  };
+};