Reputation: 1205
How can I position the caret in CKEditor3.x? I have 2 positions and I want use insertHTML() on both positions.
Pseudo-code:
editor.setCaret(20); // function does not exists
editor.insertHtml('::');
editor.setCaret(40); // function does not exists
editor.insertHtml('::');
I have tried (to set caret to position: 20):
var ranges = [];
var range = new CKEDITOR.dom.range( this.document );
range.startOffset = 20;
range.endOffset = 20;
ranges.push( range );
editor.getSelection().selectRanges( ranges );
This is not working. Can anybody help me please?
Upvotes: 3
Views: 10207
Reputation: 21
If you use insertElement instead of insert html (and say, insert a span element) the following should probably work:
editor.insertElement(element);
var range = new CKEDITOR.dom.range(editor.document);
range.moveToElementEditablePosition(element, true);
editor.getSelection().selectRanges([range]);
Upvotes: 2
Reputation: 311
To insert text or do something with html in the editor you don't need to get the caret position.
Treat it as usual html.
P.S. If you probably want to restore cursor position after dom manipulating, try this
var s = editor.getSelection();
var selected_ranges = s.getRanges(); // save selected range
// do something
s.selectRanges(selected_ranges); // restore it
Upvotes: 3