[f00rZik]

Здравствуйте, разрабатываю сайт, требуется помощь по работе со строками.
Написано пару функций, есть textarea в ней написан текст, когда человек выделяет часть текста, можно кликнуть по стилям и добавить их. например bold (жирный) и сразу-же выводится в контейнере (динамически)
Есть проблема в функции, если в textarea введено несколько одинаковых слов, и одно из них выделено, любое. То когда человек хочет сделать его жирным или наоборот убрать жирный, функция делает это только с первым словом в строке, как сделать, чтобы работало с тем словом которое человек выделил ? например

www.domen.ru - ваш сайт www.domen.ru находится в топовых позициях. я выделю второй в строке домен, а функция всё равно обратиться к первому.

Прошу помощи

function replaceSelectionFragment(id) {
  var d=document,a=d.getElementById(strnum),w=window,b;
  
  if (a&&a.value) { // если передаем элемент, и у него есть value
  b = a.value.substring(a.selectionStart, a.selectionEnd);
  if(b !=''){
  
  if(id=='bold'){
		var phrase = b;
		var src = $("#draggable"+strdrag+" span").html();
		var re = new RegExp ('<b>.*?'+phrase+'.*?<\/b>');
		alert(src.search(re));
var res = src.match(re);
if(res!=null) {
	var replacement = "</b>"+phrase+"<b>";
	//alert(src+" --- "+phrase+" есть b");
} else {
	var replacement = "<b>"+phrase+"</b>";
	//alert(src+" --- "+phrase+" нет b");
}
		
		
		//$("#"+strnum).html($("#"+strnum).html().replace(phrase, replacement));
		
		$("#draggable"+strdrag).html(
			$("#draggable"+strdrag).html().replace(phrase, replacement)
		);
		//alert(b+"<b>---asd</b>");
		
  }
  }else{
  alert("Вы забыли выделить текст !!!");
}
}
}