菜鸟学习笔记之React-Quill富文本编辑器

React-Quill 是Antd推荐使用的富文本编辑器，此文记录一下最近在项目中使用它遇到的一些问题。

首先，大家在百度相关资料时，应当搜索React-Quill，而不是Quill。

github点这里：https://github.com/zenoamaro/react-quill

安装依赖这些就都不说了，只记录干货....

调用示例：

<ReactQuill
   theme="snow"
   value={content || ''}
   onChange={onChange}
   modules={modules}
   formats={formats}
/>

modules 是对编辑器功能的配置，此处是从组件的state中拿出来的，具体配置如下：

   modules: {
        toolbar: {
          container: [
            [{ header: [1, 2, false] }],
            ['bold', 'italic', 'underline', 'strike', 'blockquote'],
            [{ list: 'ordered' }, { list: 'bullet' }],
            ['link', 'image'],
            ['clean'],
          ],
          handlers: {
            image() {
              imageHandler.call(this, props.action);
            },
          },
        },
      },