javascript - 设置TinyMce编辑器的焦点onload

Question

当点击编辑按钮时，它会显示tinymce文本编辑器，但问题是它没有将焦点设置在编辑器的第一次加载上，从第二个开始它工作正常

以下是我尝试过的

HTML

<h3>History Review <a href="#" class="blue_edit_btn" id="history_review_link" onclick="bgshoweditor('history_review')" >Edit</a></h3>

JQuery

function bgshoweditor(editorid)
{

    $("#"+editorid+"_div").hide();
    $("#"+editorid).show(); 
    tinyMCE.execCommand('mceRemoveControl', false, editorid );
    tinyMCE.execCommand('mceAddControl', true, editorid );
    tinyMCE.execCommand('mceFocus', false, editorid );      
    tinyMCE.activeEditor.selection.select(tinyMCE.activeEditor.getBody(), true);
    tinyMCE.activeEditor.selection.collapse(false); 
}

Answer 1

也许mceFocus命令在TinyMce 4中被删除了(我这么说是因为在4.x中删除了mceRemoveControl和mceAddControl 已删除)。

所以，我建议使用.focus()

试试这个:

tinyMCE.get(editorid).focus();

Working Example

或者您可以使用 auto_focus属性。

auto_focus: This option enables you to auto focus an editor instance.

注意:auto_focus 在编辑器加载时将焦点设置在编辑器上