tinymce将光标位置设置为空跨度

Question

我的跨度为空，我想在其上设置光标位置。我的代码适用于Edge，Chrome，FireFox，但不适用于IE。

我尝试过set cursor on empty tag，但该解决方案不适用于我。

这是样本空跨度：

<span id="ABC"></span>

我用来设置光标位置的代码：

ed.on("focus", function (e) {
   ed.focus();
   var node= ed.dom.select("span#ABC");
   ed.selection.setCursorLocation(node[0], 0);
});

Answer 1

我们在编辑器中使用的技术是在跨度中添加零宽度字符（在JS中为"\uFFEF"），然后选择 that 。将游标放置在浏览器通常不支持的位置，这是一种相当可靠的跨浏览器方式。

序列化内容时，这些字符会被删除，因此不会影响输出HTML。