[sones]

Добрый день, есть скрипт, который по нажатию буттона подгружает в textarea пару тегов либо оборачивает ими уже введенный текст. При текущей реализации вставить можно любую пару типа:
<b></b>, <a></a> и т.д.
Я не особо разбираюсь в js и хотел бы спросить, каким образом можно релизовать в рамках данного кода вставку тега в таком виде, например:
<a href=""></a> или <font color=""></font>?

function addedidor(tag)
{
        var obj = document.getElementById('content');
        if(document.selection) obj.value += "<" + tag + "></" + tag + ">";
        else if(typeof(obj.selectionStart) == "number")
        {
                var start = obj.selectionStart;
                var end = obj.selectionEnd;
                var value = obj.value;
                obj.select();
                if(start != end)
                {
                        obj.value = value.substr(0,start) + "<" + tag + ">" + value.substr(start,end - start) + "</" + tag + ">" + value.substr(end);
                        obj.setSelectionRange(start,end + tag.length * 2 + 5);
                }
                else
                {
                        obj.value = value.substr(0,start) + "<" + tag + "></" + tag + ">" + value.substr(start);
                        obj.setSelectionRange(start + tag.length + 2,start + tag.length + 2);
                }
        }
}

<p align="right">
<input type="button" value="<b>" onClick="addedidor('b');" >&nbsp;
<input type="button" value="<i>" onClick="addedidor('i');" >&nbsp;
<input type="button" value="<u>" onClick="addedidor('u');" >&nbsp;
<input type="button" value="<h2>" onClick="addedidor('h2');" >&nbsp;
<input type="button" value="<h3>" onClick="addedidor('h3');" >&nbsp;
<input type="button" value="абзац" onClick="addedidor('p');" >&nbsp;
<input type="button" value="ссылка" onClick="addedidor('a');" >&nbsp;
</p>
<textarea id="content"></textarea>