Reactjs 羽毛笔-使编辑器以Div而不是P标记包装文本
我用React Quill在ReactJS中构建了一个Quill文本编辑器。我想用Div标记而不是P标记在文本编辑器中包装生成的文本。这可能吗 我的使用概述:在羽毛笔编辑器中生成/编辑文本时,文本会复制到页面另一部分的另一个div中。我们对该编辑器的使用可以追溯到几年前,因此是建立在较旧版本的Quill上的,当时文本是在Div中生成的。我们最近升级到Quill 1.0,当在P标记中生成文本时,它会创建我们无法删除的不需要的样式。最简单也是最简单的解决方案是生成div而不是p标签,但我不知道这是否可行 有人知道更多吗Reactjs 羽毛笔-使编辑器以Div而不是P标记包装文本,reactjs,quill,Reactjs,Quill,我用React Quill在ReactJS中构建了一个Quill文本编辑器。我想用Div标记而不是P标记在文本编辑器中包装生成的文本。这可能吗 我的使用概述:在羽毛笔编辑器中生成/编辑文本时,文本会复制到页面另一部分的另一个div中。我们对该编辑器的使用可以追溯到几年前,因此是建立在较旧版本的Quill上的,当时文本是在Div中生成的。我们最近升级到Quill 1.0,当在P标记中生成文本时,它会创建我们无法删除的不需要的样式。最简单也是最简单的解决方案是生成div而不是p标签,但我不知道这是否
谢谢。您只需更改默认块的标记名即可:
var Block = Quill.import('blots/block');
Block.tagName = 'div';
Quill.register(Block);
工作示例:这符合问题的要求,但我注意到它还在末尾附加了一个额外的空行(
),而默认的块行为没有。有没有办法防止出现额外的空行?@georaldc你是不是碰巧解决了这个问题或者得到了jhchen的回复?在我的例子中,我这样做是因为我不想在没有输入任何内容的情况下保存标记:MyQuill.getText().trim().length==0?“”:MyQuill.root.innerHTML;来自代码():Block.defaultChild=Break;试着替换它。