QuillJS 预览不是编辑器视图格式问题

Question

我正在使用 react quill 编辑器，编辑器工作正常。但是当我显示 html 内容时，它不是在编辑器视图中显示的格式。在控制台中，我可以看到 ql-indent 类已应用于标记，但它在编辑器外不起作用。我尝试应用 quill core.css 样式，但仍然没有用。

很难找到在编辑器外显示 quill-editor html 内容的指南。所以请帮助我在编辑器之外处理 ql-xxxx 类。

Answer 1

我通过将 ql-editor 类添加到预览 div 标签来修复它。

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