react-textarea-markdown
Version:
a markdown with textarea editor for react
53 lines (46 loc) • 1.18 kB
Markdown
# 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