How to programatically select all text inside a TinyMCE editor

Question

I'm looking for a way to programatically select all the content inside a TinyMCE editor instance.

The reason I need this is that I'd like it if all the text inside the editor was selected, as soon as someone clicks on it (I'm using TinyMCE in conjunction with JEditable, by the way).

Thanks,
Edan

score 13 · Accepted Answer · answered Apr 27 '10 at 17:12

13

Assuming you have your TinyMCE editor instance stored in a variable called ed:

ed.selection.select(ed.getBody(), true);

answered Apr 27 '10 at 17:12

Tim Down

318,141
75
454
536

Thanks! I ended up adding a setup function in the tineMCE.init() settings, which did exactly this. – Edan Maor Apr 28 '10 at 15:11
@Tim Down what does ed stand for ?? how should i initialize – wilsonrufus Feb 21 '13 at 11:19

score 1 · Answer 2 · answered Aug 29 '14 at 09:32

1

For tinyMCE 4 I'm using the Range Object for selection:

function selectAll(editor) {
    range = editor.dom.createRng();
    range.selectNodeContents(editor.getBody());
    editor.selection.setRng(range);
}

selectAll(tinyMCE.focusedEditor);

answered Aug 29 '14 at 09:32

Alex

2,710
1
24
26

How to programatically select all text inside a TinyMCE editor

2 Answers2