Seleccionar frase y colocar BBCodes

[iEnrique]

Iniciado por marlanga

Deja los temas puramente difíciles para los que sabemos programar, phperos.

http://jsfiddle.net/4bthd/

Código HTML:

<button id="btnNegritas"><b>b</b></button>
<button id="btnCursiva"><i>i</i></button>
<button id="btnSubrayado"><u>u</u></button>
<br/>
<textarea id="campo"></textarea>
 

Código Javascript:

window.onload=function(){
    var Editor={
        textarea:document.getElementById("campo"),
        negritas:document.getElementById("btnNegritas"),
        cursiva:document.getElementById("btnCursiva"),
        subrayado:document.getElementById("btnSubrayado"),
        insertar:function(bbcode){
            var texto=Editor.textarea.value,
                inicio=Editor.textarea.selectionStart,
                fin=Editor.textarea.selectionEnd;
            
            texto=texto.slice(0,inicio)+"["+bbcode+"]"+texto.slice(inicio,fin)+"[\\"+bbcode+"]"+texto.slice(fin);
            Editor.textarea.value=texto;
        }
    };
    Editor.negritas.onclick=function(){
        Editor.insertar("b");
    };
    Editor.cursiva.onclick=function(){
        Editor.insertar("i");
    };
    Editor.subrayado.onclick=function(){
        Editor.insertar("u");
    };
};
 

Básicamente el código es una tontería, escrito en 5 minutos. Sólo es necesario saber cómo se cortan cadenas en javascript y cómo se recupera el texto seleccionado de cualquier elemento.

Muchísimas gracias he hecho unos cuantos cambios para adaptarlo a lo que necesito y me funciona a la perfección. ¡Gracias por tu ayuda!

Iniciado por PHPeros

Buff, la verdad es que has tocado un tema puramente difícil

He buscado más en internet y parece que ya se discutió aquí, además con el BBCode incluido.

Una vez más StackOverflow nos salva!

Muchas gracias por intentarlo de todas formas, me sirvió tu anterior código para otras cosas Saludos.