TinyMCE 在文本部分设置焦点

Question

考虑以下 HTML：

<div id="block-container">
   <div id="some-background"></div>
   <div id="text-div">Focus should be here when this HTML goes into the editor</div>
</div>

当在 TinyMCE 编辑器中打开时，我希望插入符号位于 text-div 中——更准确地说是在第一个文本元素中。

可能有一种方法可以向此类元素添加诸如“.default-focused”之类的类，并根据该类设置焦点。有没有其他（通用）方法来实现这一点？

我不能采用“.default-focused”方式的原因： 1. 考虑到我拥有的数据量，添加类可能是一项艰巨的任务 2. 更重要的是，用户可以更改 HTML 并删除类。

Answer 1

好吧，如果你知道插入符号应该放在哪个元素中，你可以使用这个简短的函数

// sets the cursor to the specified element, ed ist the editor instance
// start defines if the cursor is to be set at the start or at the end
setCursor: function (ed, element, start) {

    var doc = ed.getDoc();
    if (typeof doc.createRange != "undefined") {
        var range = doc.createRange();
        range.selectNodeContents(element);
        range.collapse(start);
        var win = doc.defaultView || doc.parentWindow;
        var sel = win.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    } else if (typeof doc.body.createTextRange != "undefined") {
        var textRange = doc.body.createTextRange();
        textRange.moveToElementText(element);
        textRange.collapse(start);
        textRange.select();
    }
},