【react-quill】富文本编辑器空格回显无效

            <ReactQuill
                theme="snow"
                id={id}
                ref={(el:any) => {
                    if (el) {
                        reactQuillRef.current = el;
                    }
                }}
                modules={modules}
                formats={formats}
                value={value}
                onChange={onChange}
                onBlur={onBlur}
                className="ql-editor"
            />

 关键：

className="ql-editor"

利用dangerouslySetInnerHTML展示富文本内容也没展示出空格，也需要加ql-editor

 <div className="ql-editor" dangerouslySetInnerHTML={{ __html: content }}></div>

注意：需要引用样式

import 'react-quill/dist/quill.snow.css';

参考来源：

Vue-Quill-Editor回显不显示空格的处理办法