重新加载内容时,如何防止React-Quill在列表之前插入新行?

问题描述

使用react-quill,我在文本中编写一个列表,将内容存储到外部存储器中,然后将内容重新加载到笔芯中:在列表之前插入一个新的
,并且每次重新加载时都会发生。
知道发生了什么事以及如何预防吗?

我准备了一个最小的沙箱来显示此问题:https://codesandbox.io/s/reverent-cookies-m5h3x
重现步骤:

  • 写一行,然后列出项目符号列表
  • 单击“保存”将内容存储到外部存储器
  • 单击清除以从编辑器中删除所有内容
  • 单击加载以将内容从外部存储放到编辑器中
  • BOOM!在每个保存-清除-加载周期中插入一个新的

解决方法

在Quill GitHub Issues中找到this answer by mhdhamouday。这对我有用。

var quill = new Quill('.quill',{
    theme: 'snow',modules: {
        toolbar : [...]
        clipboard: {
            matchVisual: false
        }
    }
});