Editor doesn't focus on custom widget on load

[Vangelis]

Steps to reproduce

1. Add a widget (with editable content) at the start of the editable content and save.
2. Close the editor.
3. Load the editor.

(I have attached the config that I'm using. The custom widget that I used is ​simplebox.)

Expected result

The editor should focus on the first editable element in the widget.

Actual result

The editor doesn't focus on the widget until the user clicks in it.

config.js

I added the following lines of code in the config file: CKEDITOR.on('instanceReady', function(e) {

e.editor.focus();

});

[Jakub Ś]

You have used editor focus method and not widget focus method. The editor.focus focuses main content area in which widgets are kept.

Let's say that you have one widget in main content area.

<div class="simplebox" style="width: 200px;">
	<h2 class="simplebox-title">Title</h2>
	<div class="simplebox-content">
		<p>Content...</p>
	</div>
</div>

The easiest code would be:

CKEDITOR.instances.editor1.on( 'instanceReady', function( evt ) {	
	console.log(CKEDITOR.instances.editor1.widgets); //available widgets
	console.log(CKEDITOR.instances.editor1.widgets.instances[ 0 ]); //widget instance
	console.log(CKEDITOR.instances.editor1.widgets.instances[ 0 ].editables);//widget instance editabes

	CKEDITOR.instances.editor1.widgets.instances[ 0 ].focus();//focus entire widget
	CKEDITOR.instances.editor1.widgets.instances[ 0 ].editables.title.focus();//focus particular editable
});

You can use above example to get result you want (you can display objects in Firebug and find properties which allow you to identify the widget).