Html 羽毛笔添加不需要的<;br>;使用vue羽毛笔编辑器时在中列出的步骤

Html 羽毛笔添加不需要的<;br>;使用vue羽毛笔编辑器时在中列出的步骤,html,vue.js,quill,Html,Vue.js,Quill,我依靠vue quill editor允许用户在我的应用程序中创建注释。用户第一次创建列表时,它会按预期保存 例如,保存的HTML可能如下所示: <div> Test: </div> <ol> <li> One </li> <li> Two </li> </ol> 测试: 一个 两个 但是,当用户编辑注释时,在列表开始之前,内容将使用标记呈现 <div>

我依靠
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羽毛笔编辑器,所以我不确定是否可以使用类似危险粘贴HTML的东西来修复此问题。是否有任何配置可以尝试缓解此问题?或者我可以将内容包装在一些可能有用的标记中吗?

    此问题可以通过使用quill剪贴板模块的
    matchVisual:false
    配置来解决。在羽毛笔问题委员会的许多讨论中都提到了这种方法,但配置上的问题并不十分清楚

    我的剪贴板选项看起来像

    options : {
      modules: {
        toolbar: '#toolbar',
        clipboard: {
            matchVisual: false
        }
      }
    }      
    
    这将修复该问题,并且不会添加任何标签