CODEWITHSUNDEEP
ckeditorcaret
user706420
user706420

Reputation: 1205

CKEditor: set cursor/caret positon

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

Answers (2)

Ron Shalit
Ron Shalit

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

Boris S
Boris S

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

Related Questions