BBCode Clicáveis [javascript] - Complemento para a função php

//--------------------------------------------------------------------------------------
// FUNÇÃO INSERIR BBCODES - CLICÁVEIS
//--------------------------------------------------------------------------------------
function selecao(obj, def_texto_padrao){
    if(obj.constructor == String){obj = document.getElementById(obj);}
    var def_texto = (def_texto_padrao) ? function(text){obj.value += text;} : function(){return false;};
    var selecao = {text: "", defTexto: def_texto};
    if(document.selection){
        var faixa = document.selection.createRange();
        if(faixa.text){
            selecao.text = faixa.text;
            selecao.defTexto = function(text){
                faixa.text = text.replace(/
?
/g, "
");
            }
    }
    } else if(typeof(obj.selectionStart) != "undefined"){
        selecao.text = obj.value.substring(obj.selectionStart, obj.selectionEnd);
        selecao.defTexto = function(text){
            obj.value = obj.value.substring(0, obj.selectionStart) + text + obj.value.substring(obj.selectionEnd);
            return false;
        }
    } else if(window.getSelection){
        selecao.text = window.getSelection().toString();
    }
    return selecao;
}

function selTexto(obj, antes, depois){
    var selecionado = selecao(obj, true);
    selecionado.defTexto(antes + selecionado.text + depois);
}

<script type="text/javascript" src="bbcode.js"></script>

<a href="javascript:selTexto('descricao', '', '');" title="Negrito"><img src="img/bbcode/bold.png" alt="Negrito" /></a><textarea name="descricao" id="descricao" cols="67" rows="20" class="requerido"></textarea>

<a href="javascript:selTexto('textarea', '', '');" title="Negrito"><img src="img/bbcode/bold.png" alt="Negrito" /></a><textarea name="textarea" id="textarea" cols="67" rows="20" class="requerido"></textarea>