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
}
}
}
这将修复该问题,并且不会添加任何标签