Select specific text from content editable div

Question

consider below content editable div

.editable-div div {
display: inline-block;
}

<div contenteditable="true" class="editable-div">
  <div> This </div> <div> is a an example</div><div> for inline block</div> <div>elemenst </div> 
</div>

Put mouse cursor on anywhere in the content
Press shift+home
It will select only inline-block div content
I want to select the whole content till beginning of the div
I can not change inline-block style of inner divs
Due to above reason(5) I am doing an custom implementation for shift+home and shift+ end, that is why I need to select specific text from a div

*Select as In text selection (user-select) of browser, I already have links for selecting whole content of a div Selecting text in an element (akin to highlighting with your mouse)

but here I want to select specific text only. please help

How will you know that you need to select only `test editable cont` ? Is there any pattern or rule to select that? — Ankit Agarwal, Apr 12 '18 at 14:32
Specifically: Are you interested in finding a specific set of characters (string) or matching a regular expression:? — ControlAltDel, Apr 12 '18 at 14:34
possible duplicate of https://stackoverflow.com/questions/5379120/get-the-highlighted-selected-text. — Jay Jordan, Apr 12 '18 at 14:37

score 0 · Answer 1 · answered Apr 12 '18 at 14:36

0

I think window.getSelection() is what you're looking for.

var selection = "";

function getText() {
  if (window.getSelection) {
    selection = window.getSelection().toString();
  } else if (document.selection && document.selection.type !== "Control") {
    selection = document.selection.createRange().text;
  }
  return text;
}

answered Apr 12 '18 at 14:36

Jay Jordan

643
4
16

Sorry, possible duplicate of https://stackoverflow.com/questions/5379120/get-the-highlighted-selected-text – Jay Jordan Apr 12 '18 at 14:37
Sorry, I want to select the text , don;t want to retrieve it – sumi Apr 13 '18 at 05:49

Select specific text from content editable div

1 Answers1