react项目使用Markdown富文本编辑器，我写的时候随便找了一个react-simplemde-editor
1.安装命令
npm install --save react-simplemde-editor
2.导入
在要是用Markdown的组件中导入
import SimpleMDE from 'react-simplemde-editor';
import 'easymde/dist/easymde.min.css';
3.使用
handleChange = (value)=>{
this.setState({
value: value
})
};
render () {
return (
<SimpleMDE
id="your-custom-id"
value={this.state.value}
options={{
spellChecker: false,
toolbar: [
'bold',
'italic',
'heading',
'|',
'quote',
'code',
'table',
'horizontal-rule',
'unordered-list',
'ordered-list',
'|',
'link',
'image',
'|',
'side-by-side',
'fullscreen',
'|',
'guide'
]
}}
onChange={this.handleChange}
/>
)
}
以上toolbar的值分别对应一下图片：
1560931361(1).jpg
