在不拆分光标的情况下获取光标处的增量（无选择）

Question

这是一个带有属性的增量：

尝试通过

获取增量

editor.getContents(range.index, range.length);

returns

  Delta: {
    ops: []
  }

这是预期的 - range.length 是 0。

有没有办法返回整个增量（从左到右）所以它看起来像这样：

Delta: {
   ops: [
    {
      attributes: { test: '123' },
      insert: 'A selection'
    },
    ...
  ]
}

Answer 1

假设一个稍微复杂的例子来消除歧义，并假设 test 123 属性是用 class 属性实现的，给定文档：

<div class="ql-editor">
  <p><strong>ab</strong><span class="ql-test=123">cd<em>ef</em></span></p>
</div>

我认为您要问的是当用户的光标位于 "e" 和 "f" 之间时获取 "cdef" 文本的增量，因此您的范围是 index: 5.

这是一个 experimental/undocumented API 但是 quill.scroll.path(5) 会给你一个数组 [[blockBlot, 0], [inlineBlot, 2], [italicBlot, 1]] 并且在这种情况下你想要的印迹是第二个所以通过总结它的偏移量你将有 2 (0 + 2) 然后你可以调用 quill.getContents(2, blot.length()).

如果 class 是唯一的（或者您可以通过其他方式访问 DOM 节点），您还可以：

const Parchment = Quill.import("parchment");
let node = document.querySelector('.ql-test-123');
let blot = Parchment.find(node);
let offset = quill.scroll.offset(blot);

quill.getContents(offset, blot.length());

在不拆分光标的情况下获取光标处的增量（无选择）

Get delta at cursor (no selection) without splitting it

quill