javascript - tinymce 用鼠标选择 html 节点

Question

我有一个 tinyMCE 编辑器，我想在 javascript 中获取所选单词的整个节点(通过鼠标)。我可以通过单击编辑器末尾的标签来获得它:

所以当我点击 span 按钮时，我可以看到我的文本被选中，当我运行这个 javascipt 行时，我得到了我想要的:

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

结果:

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

但是当我用鼠标指针选择文本后运行相同的 javascript 行时，我只得到以下结果:

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;