# react-textarea-markdown
> A simpler react-markdown

### Install
```
npm i react-textarea-markdown
```
### For example
```
import React, { Component } from "react";
import Markdown from "react-textarea-markdown";
class App extends Component {
  render () {
    return (
      <div className="App">
	<Markdown textarea={true} customWidth={[50,50]} callback={func} source={value}/>
      </div>
    );
  }
}
```

### Support property

| property | type | effect|
| --- | --- | ---- |
|textarea|bool| Display is built into textarea|
|source|string|External to data sources|
|callback|func|Get the value of the real time return of the internal textarea|
|customWidth|array|Customize the width of textarea and markdown, of which 0 represents markdown 1 for textarea|

### Support grammar

- [x] Title
- [x] Checkbox
- [x] Table
- [x] Code
- [x] List
- [x] Font Style
- [x] Quote
- [x] Segmenting line
- [x] Image
- [x] Hyperlink

### Why do you choose it？
+ Can be used to render markdown alone
+ Bring the textarea editor
+ A more flexible layout
+ Real-time Preview
+ Closer to the encoding style of vscode
+ Real time back propagation of internal textarea data
+ Easy to use