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

2024-01-08 20:28:18
            <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回显不显示空格的处理办法

文章来源:https://blog.csdn.net/m0_37715455/article/details/135414002
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。