How to save and reuse cursor location in FCKeditor?

I've build a solution that uses FCKeditor that has a utility for inserting images (image tags) from a collection of server based images. When the image selection tool (div on the same page) is used the FCKeditor loses it's focus and the cursor location. If I then use InsertHtml, it gets inserted at the beginning of the html in FCKeditor. Is there some way to get the cursor location first, save it, and then reset it it before calling InsertHtml? I see in the API documentation there is a reference to a Selection Object but I don't see any more information on the interface for the Selection Object. Can someone point me in the right direction.

Thanks.

Tue, 08/11/2009 - 19:29

lesbarstow

Joined: 07/07/2008

Posts: 185

Re: How to save and reuse cursor location in FCKeditor?

I believe you can use something like:

var oeditor = FCKEditorAPI.GetInstance('myeditor');
// Get current selection and store it as a Range...
var range = oeditor.FCKSelection.GetSelection().createRange();

// Do Stuff

// Restore saved range as selection...
range.Select();

There's very little documentation about the internals of FCKEditor. I dug this up for someone else the other day...

Tue, 08/11/2009 - 20:36

sonicwind

Joined: 11/08/2009

Posts: 4

Re: How to save and reuse cursor location in FCKeditor?

Thanks, but that didn't yield any results for me. The Editor has a Selection property, but it has no createRange() method. I'm going to experiment with inserting and selecting a placeholder element and then reselecting it right before I insert my new html and see if that works.

Tue, 08/11/2009 - 22:27

lesbarstow

Joined: 07/07/2008

Posts: 185

Re: How to save and reuse cursor location in FCKeditor?

Hmm. May not need the leading 'oeditor.' - it may take from the current selection only. Without the leading 'oeditor.', that is the process used in fcktablehandler_ie.js, so it should do something...

Wed, 08/12/2009 - 00:22

sonicwind

Joined: 11/08/2009

Posts: 4

Re: How to save and reuse cursor location in FCKeditor?

OK, this works:

At initial time, do this before any other code that may cause the focus to go off the FCKEditor:

var _placeholder = oeditor.CreateElement('SPAN');

This creates a "placeholder" element in the Editor at whatever the current cursor location is.

Then when I'm ready to insert my html clip:

oeditor.Focus();
oeditor.Selection.SelectNode(_placeholder);
oeditor.InsertHtml(html);

This will completely replace the placeholder node so you don't get left with any dirty/extra underlying html, either.

I found that if you enable javascript debugging in IE and attach using Visual Studio, you can "Quick View" the FCKEditor object and list all it's properties and methods on down the child tree, and at least see what the property and method names are.

Fri, 04/12/2013 - 07:24

pihu

Joined: 25/03/2013

Posts: 2

how to insert uploaded image at current cursor position in ckedi

In my application have used CKEDITOR. Using modal box am allowing the user to browse the image and upload it to the current cursor postion in CKEDITOR. how can I do so?