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

时间:2018-07-02 16:39:43

标签: html vue.js quill

我依靠Dim来允许用户在我的应用程序中创建笔记。用户首次创建列表时,它会按预期保存。

例如,保存的HTML可能如下所示:

vue-quill-editor

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

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

如果用户不删除此标签,它将被保存。每次用户编辑笔记时,都会添加一个新的
标记。因为我使用的是vue-quill-editor,所以不确定是否可以使用危险的PasteHTML之类的方法来解决此问题。有什么配置可以缓解这个问题吗?还是可以将内容包装在可能有用的标签中?

1 个答案:

答案 0 :(得分:0)

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

我的剪贴板选项如下

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

这可以解决此问题,并且不会添加
标签。