使用 vue-quill-editor 时，Quill 将不需要的 <br> 添加到列表中答案

【问题标题】：Quill adds unwanted <br> to lists in when using vue-quill-editor使用 vue-quill-editor 时，Quill 将不需要的 <br> 添加到列表中
【发布时间】：2018-07-02 16:39:42
【问题描述】：

我依靠vue-quill-editor 允许用户在我的应用程序中创建笔记。用户第一次创建列表时，它会按预期保存。

例如，保存的 HTML 可能如下所示：

<div> Test: </div>
   <ol>
     <li> One </li>
     <li> Two </li>
   </ol>

但是，当用户编辑注释时，内容会在列表开始之前使用
标签呈现。

<div> Test: </div>
<br>
   <ol>
     <li> One </li>
     <li> Two </li>
   </ol>

如果用户不删除此标签，它会被保存。每次用户编辑注释时都会添加一个新的
标签。因为我使用的是 vue-quill-editor，所以我不确定是否可以使用危险的PasteHTML 之类的东西来解决这个问题。有什么配置我可以尝试缓解这个问题吗？或者我可以将内容包装在一些可能有帮助的标签中吗？

【问题讨论】：

标签： html vue.js quill

【解决方案1】：

可以使用 quill 剪贴板模块的 matchVisual: false 配置解决此问题。这种方法在 Quill 问题板上的许多讨论中都提到过，但配置上的 documentation 不是很清楚。

我的剪贴板选项看起来像

options : {
  modules: {
    toolbar: '#toolbar',
    clipboard: {
        matchVisual: false
    }
  }
}

这解决了问题，并且没有添加
标签。

【讨论】：