Здравствуйте уважаемые специалисты. Помогите, пожалуйста, реализовать дополнительный функционал к тому что уже есть.
У меня есть простое текстовое поле textarea:

<form>
<div>
<button type="button" onclick="insertTag('description','<b>','</b>')">B</button>
<button type="button" onclick="insertTag('description','<i>','</i>')">I</button>
<button type="button" onclick="insertTag('description','<u>','</u>')">U</button>
</div>
<textarea id='description' name='description'></textarea>
</form>

И есть такой скрипт, который при выделении текста оборачивает его в теги.

function insertTag(formName,startTag,endTag){
   var el=document.getElementById(formName);
   el.focus();
   if (el.selectionStart==null){
      var rng=document.selection.createRange();
      rng.text=startTag+rng.text+endTag
   }else{
      el.value=el.value.substring(0,el.selectionStart)
      +startTag+el.value.substring(el.selectionStart,el.selectionEnd)
      +endTag+el.value.substring(el.selectionEnd);
   }
}

Но как сделать так, чтобы при клике, например на курсив, выделенный текст не оборачивался в теги, а выделялся курсивом?
При этом необходимо, чтобы значение из текстового поля записывалось в файл вместе с тегами.
Помогите, пожалуйста, понятия не имею как это реализовать.