Get positions of selected text in div contenteditable?

Question

JavaScript

The second day I'm steaming. Decided to ask a question here.

There is:

<div contenteditabled="true" class="editor">text, my text. Get selected text, please help me to get position of selected text</div>

On jquery I'm trying to find the positions (beginning and end) of the selected text. I tried several functions from Google, but I did not find the normal one.

How to get positions? It is necessary in order to wrap the selected text in a tag ...

Answer 1

function changeSelected(){
if (window.getSelection() == '') {
return false;
}
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.extractContents();
var span = document.createElement("span");
span.appendChild(selectionContents);
span.setAttribute("class", "selected");
span.style.backgroundColor = "yellow";
span.style.color = "green";
range.insertNode(span);
}

I really don't know if I should adddocument.selection?

Answer 2

find positions (beginning and end) of the selected text.

window.getSelection();
https://learn.javascript.ru/selection-range

Answer 3

Firstly, fix the mistake, contenteditable will be correct
Secondly , here