如果我要将内容插入 TinyMCE 增选的文本区域,设置光标/插入符位置的最佳方法是什么?
我正在使用 tinyMCE.execCommand("mceInsertRawHTML", false, content);
插入内容,我想将光标位置设置为内容的末尾。
两者都是 document.selection
和 myField.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/