Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/opengl/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 羽毛笔-使编辑器以Div而不是P标记包装文本_Reactjs_Quill - Fatal编程技术网

Reactjs 羽毛笔-使编辑器以Div而不是P标记包装文本

Reactjs 羽毛笔-使编辑器以Div而不是P标记包装文本,reactjs,quill,Reactjs,Quill,我用React Quill在ReactJS中构建了一个Quill文本编辑器。我想用Div标记而不是P标记在文本编辑器中包装生成的文本。这可能吗 我的使用概述:在羽毛笔编辑器中生成/编辑文本时,文本会复制到页面另一部分的另一个div中。我们对该编辑器的使用可以追溯到几年前,因此是建立在较旧版本的Quill上的,当时文本是在Div中生成的。我们最近升级到Quill 1.0,当在P标记中生成文本时,它会创建我们无法删除的不需要的样式。最简单也是最简单的解决方案是生成div而不是p标签,但我不知道这是否

我用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;试着替换它。