[javascript] TinyMCE에서 텍스트 에디터에서 텍스트를 선택하여 하이퍼링크를 생성하는 방법은?
// 1. TinyMCE 에디터를 초기화합니다.
tinymce.init({
  selector: '#myEditor' // 에디터를 적용할 textarea의 ID
});

// 2. 텍스트를 선택하여 하이퍼링크를 생성하는 함수를 작성합니다.
function createLink() {
  // 3. 현재 에디터의 커서 위치를 가져옵니다.
  var editor = tinymce.get('myEditor');
  var range = editor.selection.getRng();

  // 4. 선택된 텍스트가 있는지 확인합니다.
  if (!range || range.toString().trim() === '') {
    alert('텍스트를 선택해 주세요.');
    return;
  }

  // 5. 하이퍼링크 대화상자를 엽니다.
  editor.execCommand('mceInsertLink', false, '#');
}

위의 예시 코드에서 #myEditor는 하이퍼링크를 생성할 텍스트 에디터가 있는 textarea의 ID를 나타냅니다. createLink() 함수는 텍스트를 선택한 후 호출되어야 합니다. 함수 내에서는 TinyMCE API를 사용하여 선택된 텍스트가 있는지 확인한 후, 하이퍼링크 대화상자를 열게 됩니다.

이와 같이 TinyMCE를 사용하면 텍스트 에디터에서 텍스트를 선택하여 손쉽게 하이퍼링크를 생성할 수 있습니다.

참고 자료: