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); // 返回值 { 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, source: String = 'api')
  2. setSelection(range: { index: Number, length: Number },
  3. souce: String = 'api')

Examples

  1. quill.setSelection(0, 5);