TinyMCE custom plugin, how to make a word automatically selected based on current cursor position?

Question

Making a custom plugin for TinyMCE, I wonder how to make a word automatically selected based on current cursor position, like in the the Wordpress "Add link" plugin.

I've searched the Wordpress TinyMCe Wplink code and TinyMCE Docs but I've got no reference....

score 5 · Accepted Answer · answered May 03 '18 at 20:55

5

You can do it like below

if (editor.selection.isCollapsed()) {
    var selRng = editor.selection.getRng();
    selRng.expand("word"); //expands the DOM range to the current word
    editor.selection.setRng(selRng);
}

Below is a JS Fiddle for the same

https://jsfiddle.net/t9qhmguo/

Output

answered May 03 '18 at 20:55

Tarun Lalwani

142,312
9
204
265

i'm on the latest tinymce and i get a "expand is not a function message" – MirrorMirror Dec 16 '20 at 14:37
@MirrorMirror, lot of things may have change since this is a 2+yr old answer. I would suggest you open a new issue for this – Tarun Lalwani Dec 16 '20 at 15:41

TinyMCE custom plugin, how to make a word automatically selected based on current cursor position?

1 Answers1