How to correctly grab and replace selected text in JavaScript?

Asked Jul 17 '12 at 15:31

Active Jul 17 '12 at 16:07

Viewed 338 times

Here is code:

var selection;
var edited_selection;
var value;
var string;

    $("#text").select(function(){ // $("#text") is textarea
       value = $("#text").val(); 
       selection = window.getSelection();   
       string = selection.toString();     
    });

    $("#bold").click(function(){
       edited_selection = "<b>" + string + "</b>"; 
       var replacing = value.replace(string, edited_selection);
       $("#text").val(replacing);
    });

When I click on some common number or character, it will wrap the first occurence of that character or number. For example easy sentence: "Hello there". If I will try to select the last "e" from that sentence, it will select the first occurence of "e" and it will wrap like e, but i wanted to select the last "e". How can I do it? Thank you for answers.

edited Jul 17 '12 at 16:07

asked Jul 17 '12 at 15:31

Michal Urban

It's not clear to me what you're actually trying to do. Could you elaborate a bit? – Tim Down Jul 17 '12 at 15:37
When I click on #bold element I want to wrap selected text in tag. – Michal Urban Jul 17 '12 at 16:06
Check this: http://stackoverflow.com/questions/2897155/get-caret-position-within-an-text-input-field – Samuli Hakoniemi Jul 17 '12 at 17:34

How to correctly grab and replace selected text in JavaScript?

0 Answers0