在 CkEditor 中输入焦点

Input focus in CkEditor

本文关键字:焦点 输入 CkEditor      更新时间:2023-09-26

如何在 CkEditor 的内容区域中聚焦文本输入字段?拨打$(inputselector).focus()似乎不起作用。光标停留在原来的位置。

  1. 获取谷歌浏览器(仅用于此测试)
  2. 打开 http://ckeditor.com/demo
  3. 点击Ctrl+Shift+I调试器
  4. 单击"控制台"(最后一个选项卡 - 它有一个小的Schweitzer和一个西红柿)
  5. 复制并粘贴下面的所有行,然后按回车键

    var tgbody = $('iframe')[0].contentDocument.getElementsByTagName('body')[0];
    var target = $(tgbody).find('> *')[0];
    var wildin = $("<input type='text' name='cfld' id='cfld' value='some text' />");
    $(tgbody).removeAttr('contenteditable');
    $($('iframe')[0].contentDocument.getElementsByTagName('body')[0]).removeAttr('contenteditable');
    wildin.appendTo(target);
    /// O.o 0.º
    wildin.focus();
    
  6. 再次点击Ctrl+Shift+I;您会注意到内容区域内有一个新的输入,并且光标位于其中。

  7. ?????
  8. 利润