The forum operates in read-only mode. Please head to StackOverflow for support.

Mon, 03/22/2010 - 10:13

duddy67

Joined: 31/10/2009

Posts: 56

Get the caret position ?

Hi,

Could someone tell me how can I get the caret position (in Firefox) with
the CKeditor API ?

In my plugin I tried:

var editor = this;
var start  = editor.element.selectionStart;

but the start variable desperatly remains "undefined".

Is there any methode, trick, to do this simple thing ?

Thanks.

Tue, 03/23/2010 - 09:04

duddy67

Joined: 31/10/2009

Posts: 56

Re: Get the caret position ?

Is there nobody to reply on that forum ????? :evil:
C'mon, retrieves caret position is such a trivial stuff, I can't
believe no one has an answer.

Tue, 03/23/2010 - 12:06

bob

Joined: 15/03/2010

Posts: 7

Re: Get the caret position ?

I'm not sure about the selectionstart but this will return the selection:
editor.getSelection();

Hope this helps.
/bob

Tue, 03/23/2010 - 19:04

duddy67

Joined: 31/10/2009

Posts: 56

Re: Get the caret position ?

Thanks Bob for that response.

I've already tried the getSelection method, but it doesn't
bring any utilitie in retrieving caret position:

var selection = editor.getSelection();
alert( selection.getType() );

I just get an information about the selection type.

Here,s a snippet code I found on the net:

function doGetCaretPosition (ctrl) {
var CaretPos = 0;
// IE Support
if (document.selection) {
 
ctrl.focus ();
var Sel = document.selection.createRange ();
 
Sel.moveStart ('character', -ctrl.value.length);
 
CaretPos = Sel.text.length;
}
// Firefox support
else if (ctrl.selectionStart || ctrl.selectionStart == '0')
CaretPos = ctrl.selectionStart;
 
return (CaretPos);
}

This code works in pure Javascript, I can get the caret position.
But I can't use it in CKeditor API.

What's the pb ?

Mon, 03/29/2010 - 13:31

duddy67

Joined: 31/10/2009

Posts: 56

Re: Get the caret position ?

You were right.
I can get the start and end of the selection (startOffset and endOffset attributs)
with the following:

editor.getSelection().getRanges()[0]

Thanks again.

Mon, 06/04/2012 - 13:41

chrisbenseler

Joined: 04/06/2012

Posts: 1

Re: Get the caret position ?

var editor = CKEDITOR.instances[id]; //get your CKEDITOR instance here
var dummyElement = editor.document.createElement( 'img', {
   attributes : {
      src : 'null',
      width : 0,
      height : 0
   }
});
editor.insertElement( dummyElement );
var obj = dummyElement.$;
var cursor = {
   x : 0,
   y : 0
}

cursor.keydown = false;

while (obj.offsetParent) {
   cursor.x += obj.offsetLeft;
   cursor.y += obj.offsetTop;
   obj = obj.offsetParent;
}
cursor.x += obj.offsetLeft;
cursor.y += obj.offsetTop;
cursor.keydown = true;

dummyElement.remove();

Thu, 10/10/2013 - 08:17

Babu Nandan Biswal

Joined: 16/09/2013

Posts: 1

cursr position

hey

Acctually i want the exact cursor position but all above function not returning me that.

I want to replace the whole content with with some changes so any body please help me.

I tried startOffset bt that is not sufficient.

i need a replacement for selectionStrart in jquery