设置TinyMce编辑器的焦点onload

Nil*_*are 2 html javascript jquery tinymce tinymce-4

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

以下是我尝试过的

超文本标记语言

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

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); 
}
Run Code Online (Sandbox Code Playgroud)

Ish*_*ain 5

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

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

尝试这个 :

tinyMCE.get(editorid).focus();
Run Code Online (Sandbox Code Playgroud)

工作示例

或者您可以使用该auto_focus财产。

auto_focus:此选项使您能够自动聚焦编辑器实例。

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