wangEditor
English documentation
simditor
froala
简易版的 react-quill
步骤
- 安装富文本编辑器:
npm i react-quill - 导入富文本编辑器组件以及样式文件
- 渲染富文本编辑器组件
- 通过 Form 组件的 initialValues 为富文本编辑器设置初始值,否则会报错
- 调整富文本编辑器的样式
import ReactQuill from 'react-quill'
import 'react-quill/dist/quill.snow.css'
<Form.Item label="内容" name="content">
<ReactQuill></ReactQuill>
</Form.Item>