tinymce 마우스로 html 노드 선택

Question

나는 작은 MCE 편집기를 사용하고 있으며 선택한 단어 (마우스로)의 전체 노드를 자바 스크립트로 가져오고 싶습니다. 난 그냥 그런 에디터의 끝에서 태그를 클릭하여 해당를 얻을 수 있습니다 : 선택 나는 span 버튼을 클릭하면 그래서 난 내 텍스트를 볼 수 있습니다

을하고 나는이 javascipt 줄을 실행할 때 내가 원하는 것을 얻을 :

console.log("output : " + tinymce.activeEditor.selection.getContent({format : 'html'})); 

이 결과 : 나도 같은 자바 스크립트 줄을 실행할 때

output : <span style="color: #00ff00;">EAM</span> 

그러나 선택한 후 내 마우스 포인터로 텍스트 난 그냥 다음과 같은 결과를 얻을 :

EAM 

당신은 마우스로 텍스트를 선택할 때 나는 HTML 형식을 얻을 수있는 방법을 알고 있나요? 감사합니다.

Answer 1

editor.selection.getNode()일까요?

https://www.tinymce.com/docs/api/tinymce.dom/tinymce.dom.selection/#getnode

또는 문자열로 HTML을 필요로하는 경우 :

let node = editor.selection.getNode(); 
let tmp = document.createElement("div"); 
tmp.appendChild(node); 
let html = tmp.innerHTML;