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'],