Selection

getBounds

检索给定位置处的像素位置(相对于编辑器容器)和选择的尺寸。 用户当前的选择不需要在该索引处。 用于计算工具提示的放置位置。

Methods

  1. getBounds(index: Number, length: Number = 0):
  2. { left: Number, top: Number, height: Number, width: Number }

Examples

  1. quill.setText('Hello\nWorld\n');
  2. quill.getBounds(7); // Returns { height: 15, width: 0, left: 27, top: 31 }

getSelection

检索用户的选择范围,可选择首先聚焦编辑器。 否则,如果编辑器没有焦点,则可能返回null

Methods

  1. getSelection(focus = false): { index: Number, length: Number }

Examples

  1. var range = quill.getSelection();
  2. if (range) {
  3. if (range.length == 0) {
  4. console.log('User cursor is at index', range.index);
  5. } else {
  6. var text = quill.getText(range.index, range.length);
  7. console.log('User has highlighted: ', text);
  8. }
  9. } else {
  10. console.log('User cursor is not in editor');
  11. }

setSelection

将用户选择设置为给定范围,这也将使编辑器聚焦。 提供null作为选择范围将使编辑器失去焦点。来源可以是“user”“api”“silent”

Methods

  1. setSelection(index: Number, length: Number = 0, source: String = 'api')
  2. setSelection(range: { index: Number, length: Number }, source: String = 'api')

Examples

  1. quill.setSelection(0, 5);