quill - 如何确保自定义 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(' ', {})在最后一次插入后简单地添加一个怎么样？这应该在插入的类之后添加一个正常跨度。

它将是这样的：

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

quill.updateContents(delta)

仅供参考：我尚未对其进行测试，但总体思路是光标将位于新跨度内而无需添加类。