Индекс в getLeaf отличается от индекса в getText - PullRequest
0 голосов
/ 15 апреля 2019

Я пишу простой HTML-текст в редакторе, и установил редактор немного узким, чтобы текстовая строка обернулась

<p>Some initial <strong>bold</strong> text</p>

, но индекс в getLeaf (index) выглядит иначе с getText (index,длина)

quill.getText()="Some initial bold text\n"
quill.getText(14,4)="old " //equals quill.getText().substr(14,4)
quill.getLeaf(14)[0].text="bold"  //yes,it is right
quill.getLeaf(13)[0].text="Some initial " // WHY? 
quill.getBounds(14)={bottom: 47.79999923706055, height: 14.39999771118164, left: 24, right: 24, top: 33.400001525878906, width: 0}
quill.getBounds(13)={ bottom: 29.400001525878906, height: 14.400001525878906, left: 84, right: 84, top: 15, width: 0 } 

делает quill.getLeaf(13) таким же, как quill.getLeaf(14)?
PS: индекс quill.getBounds(index) выглядит так же, как quill.getLeaf(index)

проверьтезакодируйте пожалуйста
https://codepen.io/minzojian/pen/ROLyeZ

1 Ответ

0 голосов
/ 15 апреля 2019

Похоже:

  • getText возвращает текст в вправо из index
  • getLeaf возвращает блот в left из index

Например, с учетом этого документа:

[
  {
    "insert": "a"
  },
  {
    "insert": "b",
    "attributes": { "bold": true }
  },
  {
    "insert: "c",
    "attributes": { "italic": true }
  }
]

Тогда вы получите следующие результаты:

quill.getLeaf(0) // a (the 0-index is a slightly special case)
quill.getText(0) // "abc"

quill.getLeaf(1) // a
quill.getText(1) // "bc"

quill.getLeaf(2) // b
quill.getText(2) // "c"

quill.getLeaf(3) // c
quill.getText(3) // ""
...