Quill-使编辑器在Div中换行文本，而不是P标记

Question

我已经在 ReactJS 中使用了 React-Quill 构建了一个 Quill 文本编辑器。我想用Div标签而不是P标签包装文本编辑器中生成的文本。这可能吗？

我的用途概述:当文本在Quill编辑器中生成/编辑时，它会被复制到页面另一部分的另一个div中。我们对这个编辑器的使用可以追溯到几年前，因此它是建立在一个旧版本的Quill之上的，当时文本是在Div中生成的。我们最近升级到Quill 1.0，当文本在P标签中生成时，它会创建我们无法删除的不需要的样式。最简单、最不麻烦的解决方案是生成div而不是p标签，但是我不知道这是否可能。

有人对此了解更多吗？

谢谢你。

Answer 1

这对我很有效。我用的是next.js

import dynamic from 'next/dynamic';

const ReactQuill = dynamic(async () => {
        const ReactQuill = await import('react-quill');
        const { Quill } = ReactQuill.default;
        const Block = Quill.import('blots/block');
        Block.tagName = 'div';
        Quill.register(Block);

        return ReactQuill;
    }, { ssr: false });

Answer 2

您只需更改默认块的标记名：

var Block = Quill.import('blots/block');
Block.tagName = 'div';
Quill.register(Block);

工作示例：https://codepen.io/anon/pen/brgvPR