javascript - 设置光标/插入符号位置的最佳方法是什么?

标签 javascript wordpress iframe tinymce getselection

如果我要将内容插入 TinyMCE 增选的文本区域,设置光标/插入符位置的最佳方法是什么?

我正在使用 tinyMCE.execCommand("mceInsertRawHTML", false, content);插入内容,我想将光标位置设置为内容的末尾。

两者都是 document.selectionmyField.selectionStart不会为此工作,我觉得这将得到 TinyMCE 的支持(通过我在他们的论坛上找不到的东西)或者这将是一个非常丑陋的 hack。

以后:它变得更好;我刚刚发现,当您在 WordPress 中加载 TinyMCE 时,它会在嵌入式 iframe 中加载整个编辑器。

后来(2):我可以用document.getElementById('content_ifr').contentDocument.getSelection();将选择作为字符串获取,但不是我可以使用的选择对象 getRangeAt(0)上。一点一点进步。

最佳答案

首先您应该做的是在您要创建的内容末尾添加一个跨度。

var ed = tinyMCE.activeEditor;

//add an empty span with a unique id
var endId = tinymce.DOM.uniqueId();
ed.dom.add(ed.getBody(), 'span', {'id': endId}, '');

//select that span
var newNode = ed.dom.select('span#' + endId);
ed.selection.select(newNode[0]);

这是 TinyMCE 开发人员自己在编写 Selection.js 时使用的策略。阅读底层源代码对此类问题有很大帮助。

关于javascript - 设置光标/插入符号位置的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1253303/

相关文章:

css - IE6 中的下拉菜单插入宽度过大,无法下拉

javascript - 在页面上禁用链接的最佳方法是什么?

javascript - Firefox 上的 Vimeo iFrame 窃取鼠标滚轮事件

javascript - 为什么 iframe 这么慢?

javascript - FontAwesome 元素太大?

javascript - 未捕获的不变违规 : Rendered more hooks than during the previous render

javascript - SPA 中的 ADAL JS 强制注销

javascript - 旋转 css 3d 对象不能正常工作

php - 如何在 foreach 循环内划分数组结果?

javascript - 捕捉 "Display forbidden by X-Frame-Options”