getSelection
2.11.0 버전부터 지원합니다.
에디터에서 Selection 정보를 반환합니다. Selection 정보에는 아래와 같이 네 가지 위치 정보가 포함되어 있습니다.
| 이름 | 설명 |
|---|---|
start | 문서에서 Selection의 시작 위치입니다. |
end | 문서에서 Selection의 마지막 위치입니다. |
anchor | Selection이 시작된 위치입니다 (예: 마우스를 클릭하고 드래그할 때 마우스를 클릭한 위치). |
focus | Selection이 끝난 위치입니다. |
예시
var selection = editor.getSelection();
var startPosition = selection.start;
var endPosition = selection.end;
var anchorPosition = selection.anchor;
var focusPosition = selection.focus;
또한, Selection은 선택된 내용의 타입에 따라 text, cell, drawingObject로 분류됩니다.
타입에 따라 위치 정보의 내용이 아래와 같이 다릅니다.
| 타입 | 위치 |
|---|---|
text | id: 문단 ID.offset: 문단 내에서 선택 영역의 위치. |
cell | id: 셀에 포함된 첫 번째 문단의 ID.offset: anchor 위치의 경우, 문단 내에서 Selection이 시작된 위치 정보.tableCellId: 셀의 ID.tableId: 표의 ID. |
drawingObject | drawingObjectId: drawingObject의 ID.id: drawingObject를 포함하는 문단의 ID.offset: 문단 내에서 drawingObject의 위치. |
Selection에서 타입 정보를 다음과 같이 확인할 수 있습니다.
예시
var selection = editor.getSelection();
var anchorType = selection.anchor.getType();
var focusType = selection.focus.getType();