Сегодня окунулся в JS хочу сделать небольшой редакто, не хочу использовать готовые, вот написал небольшой код, онработает, но не совсем так как надо, я хочу чтобы выделенный текст заменялся на этот же текст с тегами по краям, вот моя форма с ссылкой на скрипт:

<form method=\"post\" name=\"adda\">
<textarea name=\"texta\" rows=\"10\" cols=\"50\"></textarea>
<a href=\"#\" OnClick=\"add_tags('b')\">B</a></form>

а вот скрипт

function add_tags(tags){
  var s = document.selection.createRange();
  var txt =s.text;
document.adda.texta.innerHTML="["+tags+"]"+txt+"[/"+tags+"]";
}

Он заменяется, но проблема в другом, весь текст исчезает, как мне сделать чтобы заменялся только этот текст, а не все значение поля?