Javascript – How to get selected text in textarea?

javascriptjquery

I'm trying to make my own WYSIWYG editor. Is there any way, how to get the text which has user selected in textarea?

For example, if user selects some word and then clicks button, how do I find out which text was selected?

I'm using jQuery.

Best Solution

window.getSelection().toString() worked for me with Chrome but not Firefox.

For obtaining the selected content in a <textarea> with Firefox:

function getSel() // javascript
{
    // obtain the object reference for the <textarea>
    var txtarea = document.getElementById("mytextarea");
    // obtain the index of the first selected character
    var start = txtarea.selectionStart;
    // obtain the index of the last selected character
    var finish = txtarea.selectionEnd;
    // obtain the selected text
    var sel = txtarea.value.substring(start, finish);
    // do something with the selected content
}

You could also use activeElement instead of getElementById.

Reference: