Как вставить html теги в выделенный текст textarea

$("#btn-p").click(function() {
    
     var areaValue = $('textarea').val();
     $('textarea').val(areaValue + '<p>   </p>\n');
 
  });

$("#btn-p").click(function() {
    var tag = "p";
    $('textarea').val("<" + tag + ">" + $('textarea').val() + "</" + tag + ">");
});

function tagInsert(tag){
    $(this).val("<" + tag + ">" + $(this).val() + "</" + tag + ">");
}
$("#btn-p").click(tagInsert.bind("#btn-p", "p"));

function(tagname, useoption, selection) {
    tagname = tagname.toUpperCase();
 
    switch (tagname) {
        case 'CODE':
        case 'HTML':
        case 'PHP':
            this.apply_format('removeformat');
            break;
    }
    if (typeof selection == 'undefined') {
        selection = this.get_selection();
        if (selection === false)
            selection = '';
        else
            selection = new String(selection);
    }
    var opentag;
    if (useoption === true) {
        var option = this.show_prompt(construct_phrase(vbphrase['enter_tag_option'], '[' + tagname + ']'), '', false);
        if (option = this.verify_prompt(option))
            opentag = '[' + tagname + '="' + option + '"' + ']';
        else
            return false;
 
    } else if (useoption !== false)
        opentag = '[' + tagname + '="' + useoption + '"' + ']';
    else
        opentag = '[' + tagname + ']';
 
 
    var closetag = '[/' + tagname + ']';
    var text = opentag + selection + closetag;
 
    this.insert_text(text, opentag.vBlength(), closetag.vBlength());
 
    return false;
}
 
function(text, movestart, moveend) {
    var selection_changed = false;
 
    this.check_focus();
 
    if (typeof(this.editdoc.selectionStart) != 'undefined') {
        var opn = this.editdoc.selectionStart + 0;
        var scrollpos = this.editdoc.scrollTop;
 
        this.editdoc.value = this.editdoc.value.substr(0, this.editdoc.selectionStart) + text + this.editdoc.value.substr(this.editdoc.selectionEnd);
 
        if (movestart === false) {
            // do nothing
        } else if (typeof movestart != 'undefined') {
            this.editdoc.selectionStart = opn + movestart;
            this.editdoc.selectionEnd = opn + text.vBlength() - moveend;
        } else {
            this.editdoc.selectionStart = opn;
            this.editdoc.selectionEnd = opn + text.vBlength();
        }
        this.editdoc.scrollTop = scrollpos;
    } else if (document.selection && document.selection.createRange) {
        var sel = document.selection.createRange();
        sel.text = text.replace(/\r?\n/g, '\r\n');
 
        if (movestart === false) {
            // do nothing
        } else if (typeof movestart != 'undefined') {
            if ((movestart - text.vBlength()) != 0) {
                sel.moveStart('character', movestart - text.vBlength());
                selection_changed = true;
            }
            if (moveend != 0) {
                sel.moveEnd('character', -moveend);
                selection_changed = true;
            }
        } else {
            sel.moveStart('character', -text.vBlength());
            selection_changed = true;
        }
 
        if (selection_changed)
            sel.select();
    } else
        // failed - just stuff it at the end of the message
        this.editdoc.value += text;
}