如何确保我的自定义 quiljs 羊皮纸的末尾不会继续格式化？

Question

我有一张定制羊皮纸，看起来像：

import { Quill } from 'react-quill';

const Parchment = Quill.import('parchment');

let config = { scope: Parchment.Scope.INLINE };
let AcceptedPredictionClass = new Parchment.Attributor.Class('accepted', 'ql', config);
Quill.register(AcceptedPredictionClass)

并使用它：

    const delta = new Delta()
      .retain(currentSelection.index)
      .delete(predictionLength)
      .insert(previousPredictionText, { accepted: 'accepted' })

    quill.updateContents(delta)

但问题是，如果我开始输入，它会保持 ql-accepted 样式。我需要它恢复正常。

Answer 1

在上次插入后再添加一个 .insert(' ', {}) 怎么样？这应该在插入的 class.

之后添加一个正常的跨度

它将是这样的：

const delta = new Delta()
  .retain(currentSelection.index)
  .delete(predictionLength)
  .insert(previousPredictionText, { accepted: 'accepted' })
  .insert(' ', {})

quill.updateContents(delta)

仅供参考：我还没有测试过，但一般的想法是光标将在没有添加 class.

的新范围内

如何确保我的自定义 quiljs 羊皮纸的末尾不会继续格式化？

How can I ensure that the end of my custom quiljs parchment doesn't continue the formatting?

quill

quill-delta