CODEWITHSUNDEEP
javascripttinymcegetselection
Bernice
Bernice

Reputation: 2592

Get exact caret position

How can I get the current caret position in tinyMCE? Referring to this question "Get cursor position or number of line on which the cursor is in TinyMCE" there is mentioned how to get the line number in tinyMCE, however I can't find no reference on how to get the actual caret position? I need this since I am using tinyMCE as a document for real-time collaboration therefore I need to know the position of the caret for clients writing in the same document so that I broadcast the position on some events (keystroke, click, etc..) and paint custom carets on the position for one client to know where the other client is writing or editing.

The only solution I found was to add a span after the content, select it and remove it as follows:

     <span id="caret_pos_holder"></span>

Then once inserted, do this...

     ed.selection.select(ed.dom.select('span#caret_pos_holder')[0]); //select the span
     ed.dom.remove(ed.dom.select('span#caret_pos_holder')[0]); //remove the span

Is this the only way around it?

EDIT: Actually the above only sets the position of the cursor to the end of the content, something which I already took care of using bookmarks.

Is it possible that there is nothing that can get the cursor's position?

Upvotes: 3

Views: 2719

Answers (1)

andyroid
andyroid

Reputation: 381

var sel = ed.selection.getSel();

will return the current selection as a selection object. You can then query sel.anchorNode and sel.anchorOffset to get current caret position.

Broadcasting this data to the other client(s) would be easier than trying to extract the position as a number, but if that's really necessary, you could climb the DOM from the position given above.

Upvotes: 2

Related Questions