tinymce 用鼠标选择 html 节点答案

【问题标题】：tinymce select html node with mousetinymce 用鼠标选择 html 节点
【发布时间】：2017-09-22 13:29:41
【问题描述】：

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

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

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

结果：

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

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

EAM

你知道我如何在鼠标选择文本时获得HTML 格式吗？谢谢

【问题讨论】：

【解决方案1】：

也许editor.selection.getNode()？

或者如果你需要 html 作为字符串：

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

【讨论】：