react中关于富文本编辑的应用

react中所使用的富文本编辑器

这两天接触到的需求中有一个模块是需要有富文本编辑器的，所以去学习了一下有关富文本编辑器的在react中的应用
我是用的是： react-quill

1、先安装依赖包
npm i react-quill --save
2、引入
import ReactQuill, {Quill} from 'react-quill'
3、初始化
constructor(props) {
        super(props)
        this.reactQuillRef = null
    }
4、在需要的地方引用
<ReactQuill theme="snow" />

到此为止，最简单的富文本编辑器就出现了：

当然也可以对富文本编辑器进行配置：

// 富文本工具栏的配置
    modules = {
        toolbar: [
            ['bold', 'italic', 'underline', 'strike'], // 加粗、下划线     
            ['blockquote', 'code-block'],  // code-block -- 高亮显示
            [{ 'header': 1 }, { 'header': 2 }],               
            [{ 'list': 'ordered