react項目使用Markdown富文本編輯器烁焙，我寫的時候隨便找了一個react-simplemde-editor
1.安裝命令
npm install --save react-simplemde-editor
2.導(dǎo)入
在要是用Markdown的組件中導(dǎo)入
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的值分別對應(yīng)一下圖片：
1560931361(1).jpg
