[javascript] TinyMCE에서 텍스트 에디터에서 텍스트 내용의 일부를 선택하는 방법은?
- 텍스트 에디터에 접근합니다.
- 에디터에서 원하는 텍스트를 선택합니다.
- 선택한 텍스트를 자바스크립트 코드를 사용하여 가져옵니다.
다음은 TinyMCE에서 텍스트를 선택하는 예제 코드입니다.
// 텍스트 에디터에서 컨텐츠의 일부 텍스트를 선택하는 함수
function selectTextInEditor(startIndex, endIndex) {
// 에디터 인스턴스를 가져옵니다.
var editor = tinyMCE.activeEditor;
// 에디터의 컨텐츠를 선택합니다.
editor.selection.select(editor.getBody(), true);
// 선택 영역의 시작과 끝 인덱스를 설정합니다.
editor.selection.setRng(createRange(startIndex, endIndex));
}
// 선택 영역의 시작과 끝 인덱스를 기반으로 Range 객체를 생성하는 함수
function createRange(startIndex, endIndex) {
var range = document.createRange();
var editor = tinyMCE.activeEditor;
// 에디터의 컨텐츠 노드를 가져옵니다.
var contentNode = editor.selection.getNode();
// 컨텐츠 노드의 텍스트를 가져옵니다.
var contentText = contentNode.textContent;
// 시작과 끝 인덱스를 기반으로 Range 객체의 위치를 설정합니다.
range.setStart(contentNode, startIndex);
range.setEnd(contentNode, endIndex);
return range;
}
// 예제를 실행하는 함수
function runExample() {
// 텍스트를 선택할 시작과 끝 인덱스를 지정합니다.
var startIndex = 5; // 시작 인덱스
var endIndex = 10; // 끝 인덱스
// 텍스트를 선택합니다.
selectTextInEditor(startIndex, endIndex);
}
// 예제를 실행합니다.
runExample();
위의 코드는 TinyMCE에서 텍스트 에디터의 특정 부분을 선택하는 방법을 보여줍니다. 시작 인덱스와 끝 인덱스를 설정하여 원하는 텍스트를 선택할 수 있습니다.
참고 문서: