# react-markdown-previewer

**Repository Path**: bruce68/react-markdown-previewer

## Basic Information

- **Project Name**: react-markdown-previewer
- **Description**: 解析.md文件的react组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-08-28
- **Last Updated**: 2024-11-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-markdown-previewer

react markdown解析器

## Usage

### react-markdown-previewer

安装

```sh
npm install react-markdown-previewer
```
使用

```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { CodePreviewer, MdPreviewer } from "react-markdown-previewer";

const titleMd = "# 这是h1标签";
const codeMd = "<button>测试</button>";

ReactDOM.render(
    <div>
        <MdPreviewer md={titleMd}></MdPreviewer>
        <CodePreviewer code={codeMd} showCode={true}>
            <button>测试</button>
        </CodePreviewer>
    </div>,
    document.getElementById('app')
);
```

## License
MIT