javascript - Quill 在 h1 之后添加了一个不需要的 <br>

Question

我在我的网站上使用 Quill 作为编辑器。我正在像这样将新内容加载到 Quill 中。

quill.setText('');

quill.clipboard.dangerouslyPasteHTML(0, '<h1>Hello Wolrd</h1>');

现在这段代码会生成这个 html

<h1>Hello Wolrd</h1>
<p><br /></p>

我在 Quill 配置中禁用了 matchVisual

这是我的 Quill 配置:

                let quill = new Quill(selector, {
                    placeholder: "",
                    modules: {
                        toolbar: false,
                        clipboard: {
                            matchVisual: false
                        }
                    },
                    formats: this.formatsQuill
                });

我希望有人能帮助我，并提前致谢。

Answer 1

您可以尝试两种不同的方法。首先是:

h1
{
padding: 0px;
margin: 0px;
}

或者第二个可能是:

h1 {
 display:inline;
}

h1 是 block 级项目。您可以使用内联样式和 span 标签来实现此目的，或者只是对 h1 进行分类并在那里应用样式。从长远来看，第二个更容易管理。

希望有帮助。