CKEditor selectionStart

When working with CKEditor, you may need to access the position of the cursor, or the starting point of a selected text. The selectionStart property can be used to accomplish this.

Definition

The selectionStart property is a read-only property of the CKEditor instance's selection object. It represents the offset of the selection start point from the beginning of the editor's content.

Usage

In order to access the selectionStart property, you first need to obtain the selection object. This can be done using the editor.getSelection() method. Once you have the selection object, you can retrieve the selectionStart value using the getRanges() method.

Here is an example code snippet:

var editor = CKEDITOR.instances.editor1; // assuming the editor has an ID of 'editor1'
var selection = editor.getSelection();
var ranges = selection.getRanges();
var selectionStart = ranges[0].startOffset;

In this example, we start by obtaining a reference to the CKEditor instance, assuming it has an ID of editor1. We then get the selection object using editor.getSelection(). With the selection object, we use the getRanges() method to get an array of range objects representing the selected text. We then retrieve the startOffset property of the first range object, which represents the selectionStart value.

Conclusion

The selectionStart property is a useful tool when working with selected text in CKEditor. By obtaining the selection object and using the getRanges() method, you can easily access the selectionStart property to determine the starting point of the selected text.