Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Status
colourYellow
title릴리즈 2.11.0 이상

에디터에서 Selection 에디터에서 Selection​ 정보를 반환합니다. Selection  Selection​ 정보는 아래와 같이 네가지 위치정보를 포함하고 있습니다.

종류설명
start문서상에서 Selection의 Selection​시작위치
end문서상에서 Selection의 Selection​마지막 위치
anchorSelection을 Selection​시작한 위치 (ex; 마우스를 클릭 후 Darg한 경우 마우스를 클릭한 위치)
focusSelection이 Selection​끝난 위치


Example:

Code Block
languagejs
themeEmacs
var selection = editor.getSelection();

var startPosition = selection.start;
var endPosition = selection.end;
var anchorPosition = selection.anchor;
var focusPosition = selection.focus;



또한 Selection은 Selection​선택된 컨텐츠의 종류에 따라 text, cell, drawingObject로 구분됩니다.
이 타입에 따라서 위치정보가 포함하고 있는 내용이 아래와 같이 다르게 구성됩니다.

typeposition
text

id : 문단 ID

offset : 문단에서 selection의 위치

cell

id: 셀에 포함된 첫번째 문단의 ID

offset : 0anchor position의 경우 문단내에서 Selection을 시작한 위치 정보

tableCellId : 셀의 ID

tableId : 표의 ID

drawingObject

drawingObjectId : drawingObject의 ID

id : drawingObject가 포함된 문단의 ID

offset : 문단에서 drawingObject의 위치

Selection에서 Selection​에서 타입정보는 아래와 같이 확인 할 수 있습니다.

...

Code Block
languagejs
themeEmacs
var selection = editor.getSelection();
var anchorPositionanchorType = editorselection.anchor.getSelectiongetType().anchor;
var selectionTypefocusType = anchorPositionselection.focus.getType();