md-tools-plugin-react

To convert JSX which is written in Markdown to React.Element.

Usage no npm install needed!

<script type="module">
  import mdToolsPluginReact from 'https://cdn.skypack.dev/md-tools-plugin-react';
</script>

README

md-tools-plugin-react

把 Markdown 里的 __react 代码块转换成 React.Element.

用法

  1. 安装依赖:
npm i -D md-tools-plugin-react
  1. 在主题index配置 plugins 中增加md-tools-plugin-react.
module.exports = {
  plugins: ["md-tools-plugin-react?lang=__react"]
};
  1. 在Makdown文件中:
...

This is a button:

```__react
import { Button } from 'antd';
ReactDOM.render(<Button>Click!</Button>, mountNode);
```

...

如上代码可以渲染成:

screenshot

API

lang: String

default: '__react'

代码块标识

babelConfig: Object

default: { presets: [ 'react', ['env', { targets: { browsers: ['last 2 versions', 'Firefox ESR', '> 1%', 'ie >= 8', 'iOS >= 8', 'Android >= 4'], }, }], ], plugins: [ 'transform-class-properties', 'transform-object-rest-spread', ], }

babel 配置

noreact: Boolean

default: false

是否自动引入 React 和 ReactDOM .

License

MIT