Здравствуйте уважаемые специалисты. Помогите, пожалуйста, реализовать дополнительный функционал к тому что уже есть.
У меня есть простое текстовое поле 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);
}
}
Но как сделать так, чтобы при клике, например на курсив, выделенный текст не оборачивался в теги, а выделялся курсивом?
При этом необходимо, чтобы значение из текстового поля записывалось в файл вместе с тегами.
Помогите, пожалуйста, понятия не имею как это реализовать.