MediumEditor는 사용자가 텍스트를 편집하고 선택하는 데 사용되는 WYSIWYG 텍스트 편집기입니다. 텍스트 선택 영역을 확인하는 것은 사용자가 현재 어떤 부분을 선택하고 있는지를 알아내는 데 도움이됩니다. 이를 통해 선택된 텍스트에 대한 작업을 수행하거나 사용자 인터페이스를 업데이트할 수 있습니다.

다음은 JavaScript를 사용하여 MediumEditor에서 텍스트 선택 영역을 확인하는 예제 코드입니다.

var editor = new MediumEditor('.editable');

editor.subscribe('editableInput', function (event, editable) {
  var selection = window.getSelection().toString();
  console.log('Selected Text:', selection);

  // 텍스트 선택 영역에 대한 추가 작업 수행
  // 예: 선택된 텍스트를 강조 표시하기
  if (selection.length > 0) {
    // 선택된 텍스트를 강조 표시
    var range = window.getSelection().getRangeAt(0);
    var span = document.createElement('span');
    span.style.backgroundColor = 'yellow';
    range.surroundContents(span);
  }
});

위의 코드에서는 editableInput 이벤트를 구독하고, window.getSelection().toString()를 사용하여 텍스트 선택 영역을 가져옵니다. 선택된 텍스트에 대한 추가 작업을 수행 할 수 있습니다. 예를 들어, 선택된 텍스트를 강조 표시하거나 다른 조작을 수행할 수 있습니다.

MediumEditor를 사용하여 텍스트 선택 영역을 확인하는 방법을 알아봤습니다. 이를 활용하여 사용자의 편집 환경을 개선하거나 텍스트 작업에 적용할 수 있습니다.

참고 자료

• MediumEditor 공식 문서