[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를 사용하면 텍스트 에디터에서 텍스트를 선택하여 손쉽게 하이퍼링크를 생성할 수 있습니다.
참고 자료: