Selecting/highlighting content of a nicedit editor on focus

Question

I'm using the inline NicEdit editors and I want the entire text of the inline editor to be selected on a focus event for easy deletion, since it contains a placeholder text which should be deleted at all times. It is important for the user experience that the placeholder text is selected/highlighted and not just deleted instantly on focus.

Since this is not a <textarea> the jQuery .select() method cannot be used for this purpose but maybe there is a workaround?

I appreciate your help.

This is not a duplicate of the link suggested since this question is not about a `` but in effect an element with the `contentEditable` attribute. Rather it is a duplicate of [How to select all text in contenteditable div?](http://stackoverflow.com/questions/5797539/jquery-select-all-text-from-a-textarea) which provide the correct answer. — Emil Østergård Johansen, Apr 19 '17 at 09:15

score 0 · Answer 1 · answered Dec 21 '13 at 20:25

0

I just grabbed the id and used .empty()

 myNicEditor.addEvent('focus', function(e) {
      var id = myNicEditor.selectedInstance.e.id;
      $("#"+id).empty();
  });

Here is a fiddle

answered Dec 21 '13 at 20:25

Kelly J Andrews

5,083
1
19
32

Thank you, however the question was how to select/focus the text (which provides a nice user experience), not just deleting the contents. Sorry if this wasn't clear. – Emil Østergård Johansen Apr 19 '17 at 09:16
@EmilØstergårdJohansen It took 3.5 years for you to respond to this? LoLz. – Kelly J Andrews Apr 23 '17 at 22:04
Haha yeah sorry, I just stumbled over it again and thought I would update it if someone else was looking for it :) – Emil Østergård Johansen Apr 24 '17 at 22:13

Selecting/highlighting content of a nicedit editor on focus

1 Answers1