CKEditor focusing instances

by oleq

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.2/ckeditor.js"></script>
<textarea id="editor">Hello!</textarea>    

<div contenteditable="true" id="editable">Hello!</div>

<input type="text" value="Focus me first, then...">
<button onclick="editor.focus()" type="button">Focus Framed</button>
    or
<button onclick="editable.focus()" type="button">Focus Inline</button>

JavaScript

CKEDITOR.disableAutoInline = true;

var editor = CKEDITOR.replace( 'editor', {
    plugins: 'wysiwygarea,sourcearea,basicstyles,toolbar'
} );

var editable = CKEDITOR.inline( 'editable', {
    plugins: 'wysiwygarea,basicstyles,toolbar,floatingspace'
} );