将不同的字体大小设置为textarea

Question

是否可以使用Javascript在textarea文本的某些部分中使字体大小多样化？

custom_button.onclick = function () {
    // IE version
    if (document.selection != undefined)
    {
        component_name.focus();
        var sel_ie = document.selection.createRange();
        textNew = sel_ie.text;
    }
    // Mozilla version
    else
    {
        var startPos = document.getElementById(component_name).selectionStart;
        var endPos = document.getElementById(component_name).selectionEnd;
        textNew = document.getElementById(component_name).value.substring(startPos, endPos);
    }
    var finalText = text.substr(0,startPos) + '<font size="100">' + textNew + '</font>' + text.substr(endPos);
}

当我通常编写上面的代码时，我在textarea中获得了以下结果：

This <font size="100">is the</font> text