javascript - TinyMCE:如何插入内容并选择它？

Question

如何插入或更好地用一些内容替换当前选择，然后选择它？

这是我的文本:你好 nice 世界!

如您所见，用户选择了 nice。现在他点击一个按钮并运行这段代码:

editor.execCommand('mceReplaceContent', 'nasty');

这很好用，结果是:Hello nasty world，但没有选择任何内容。

如何让它在结果内容中自动选择nasty？

对于一个人来说，这似乎是一件很自然的事情，但似乎找不到直接的解决方案。我需要它在大多数情况下工作 1) 我将选定的文本包装在一个 fe 中。 span 元素或 2) 我正在删除包装 span 元素。

我知道有更好的方法来处理节点，但我现在更关心纯文本场景。

提前致谢!

附言我使用的是 TinyMCE 3 而不是 4。

Answer 1

我在 the docs (API 3.x) 中找到了这个

// Sets some contents to the current selection in the editor
tinyMCE.activeEditor.selection.setContent('Some contents');

// Selects the first paragraph found
tinyMCE.activeEditor.selection.select(tinyMCE.activeEditor.dom.select('p')[0]);

setContent 函数的作用实际上与 execCommand('mceReplaceContent') 相同。我没有找到像简单的 DOM 属性 selectionStart 和 selectionEnd 这样的东西。