surmon-china / vue-quill-editor

@quilljs editor component for @vuejs(2)
https://github.surmon.me/vue-quill-editor
MIT License
7.38k stars 1.03k forks source link

Automatically generated (< p > < br > < p >)?(自动生成p标签?) #405

Open 516907624 opened 4 years ago

516907624 commented 4 years ago

solve1: css .quill-editor{ p,h1,h2,h3,h4,h5,span,image,audio, video{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } }

solve2: var quill = new Quill('#editor', { modules: { clipboard: { matchVisual: false } } });

official:clipboard matchVisual 默认情况下,Quill是不会为每一行提供填充(padding)或边距(margin)的,但是从其他网站或来源粘贴过来的可能会含有。默认情况下,Quill通过添加额外行来匹配这个间距,以弥补缺失的margin/padding。这个选择项将禁用这个行为。

PingChou commented 3 years ago

When I use the delete key on the ios device and enter it again, it will cause an extra line of br to be generated. I use this method to solve it in change methods

this.$nextTick(()=>{
  quill.enable()
})

but i dont know why it works