[javascript] TinyMCE에서 텍스트 에디터에서 텍스트 내용을 복사하는 방법은?
- TinyMCE 에디터를 웹 페이지에 추가합니다.
- 텍스트 내용이 있는 HTML 요소를 선택합니다.
tinymce.activeEditor.selection.getContent()
함수를 사용하여 텍스트 내용을 복사합니다.
아래는 이와 관련된 자바스크립트 예제 코드입니다.
// #editor 요소에 TinyMCE 에디터를 추가합니다.
tinymce.init({
selector: '#editor'
});
// 텍스트 내용을 복사하는 함수를 정의합니다.
function copyTextFromEditor() {
// 현재 에디터에서 텍스트를 가져옵니다.
var editorContent = tinymce.activeEditor.selection.getContent();
// 가져온 텍스트를 클립보드에 복사합니다.
navigator.clipboard.writeText(editorContent)
.then(function() {
console.log('텍스트가 클립보드에 복사되었습니다.');
})
.catch(function(error) {
console.error('텍스트 복사 중 오류가 발생했습니다:', error);
});
}
위의 코드에서 #editor
는 TinyMCE 에디터를 추가할 HTML 요소의 ID입니다. copyTextFromEditor
함수는 텍스트 내용을 에디터에서 가져와 클립보드에 복사합니다. 복사에 성공한 경우 콘솔에 메시지가 표시되며, 오류가 발생한 경우 오류 메시지가 출력됩니다.
이 예제 코드를 원하는 위치에서 호출하면 TinyMCE 에디터에서 텍스트를 복사할 수 있습니다.
참고로, 복사 기능을 사용하기 위해서는 반드시 HTTPS 프로토콜을 사용해야 합니다.