Question

How do you focus a text input field in the content area of CkEditor? Calling $(inputselector).focus() doesn’t seem to work. The cursor stays where it was.

Answer 1

1. get Google Chrome (just for this test)
2. open http://ckeditor.com/demo
3. hit Ctrl+Shift+I for Debugger
4. Click “Console” (last tab – it has a small Schweitzer and a tomato)

5. Copy and paste all the lines below and hit Enter

   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. Hit Ctrl+Shift+I again; you’ll notice there’s a new input inside the content area and your cursor is in it.

7. ?????
8. PROFIT