WYSIWYG
-
[javascript] Selection과 Range를 통해 내맘대로 커서 조작하기 - Selection편IT, 프로그래밍/Javascript 2019. 12. 16. 09:00
Selection : 사용자가 마우스를 통해 드래그&클릭하거나 키보드를 통해 선택한 텍스트의 범위를 나타냅니다. 혹은 유저의 현재 커서 위치(caret)를 나타냅니다. 크롬, IE 등 브라우저에서는 사용자가 선택한 텍스트에 대한 처리를 지원하기 위해 Selection API를 지원하고 있습니다. 특히 Selection과 Range 객체는 특히 위지위그(WYSIWYG) 에디터, 텍스트 리치 에디터등을 구현할때 중요하게 사용되니까 필요하신 분들은 꼭 알아두시기 바랍니다. Selection은 anchor와 focus를 가지는데요. anchor는 텍스트 선택을 시작한 지점, focus는 선택을 끝낸 지점을 말합니다. Selection은 방향을 가질 수 있습니다. 이 말은 텍스트의 왼쪽에서 오른쪽으로, 혹은 오른..