Inserir Tags

[DackAle]

Fala galera

alguém conhece algum código pro IE e Firefox pelo menos de inserir TAGS, igual aos dos fóruns PHPBBs da vida ?

Aonde você clica no B e aparece um [ b ] [ / b ] na text área e tal ?

Tentei usar o código da wikipedia e do phpbb, mas é muito complicado para conseguir pegar o código...rs

Qualquer ajuda é bem vinda

Abraços

[Steffan]

Vou tentar aqui, tipow, com certeza não vai dar certo porque não entendo muito disso, mas daí já fica uma idéia pro próximo que postar.

Cria uma função js

function b(){

document.write('')

}

Cria um Input pra chamar essa função. Daí quando clicar vai escrever (eu acho)...

[.Andreia.]

Veja se é isso que você precisa:

<script language="JavaScript">
function bbcode(code)
{
document.envia.mensagem.value = document.envia.mensagem.value + code;
}
</script>

<form method="post" name="envia">

<INPUT type="button" value=" { B } " onClick="bbcode(' [b][/b] ')"> 
<INPUT type="button" value=" { S } " onClick="bbcode(' [s][/s] ')"> 
<INPUT type="button" value=" { I } " onClick="bbcode(' [i][/i] ')"> 
<br><br>

<textarea name="mensagem" id="mensagem"></textarea>

<br><br>
<input type="submit" value="enviar">

[DackAle]

é isso mesmo :D

agora tentei melhora-la e ficou assim

function bbcode(code) {
    var navegador = navigator.appName;
    var quebra = code.split(" ");
    
    if (navegador == "Microsoft Internet Explorer") {
        var selecaoIE = document.selection.createRange().text;
        if (selecaoIE.length == 0) {
            document.envia.mensagem.value = document.envia.mensagem.value + quebra[0] + "Insira o texto" + quebra[1];
        }
        else 
        {
            var NovaV = quebra[0] + selecaoIE + quebra[1]
            document.envia.mensagem.value = document.envia.mensagem.value.replace(selecaoIE,NovaV);
        }
    }
    else
    {
        var inicio = document.envia.mensagem.selectionStart;
        var fim = document.envia.mensagem.selectionEnd;
        var selecaoFF = document.envia.mensagem.value.substring(inicio,fim);
        
        if (selecaoFF.length == 0) {
            document.envia.mensagem.value = document.envia.mensagem.value + quebra[0] + "Insira o texto" + quebra[1];
        }
        else 
        {
            var NovaV = quebra[0] + selecaoFF + quebra[1]
            document.envia.mensagem.value = document.envia.mensagem.value.replace(selecaoIE,NovaV);
        }
    }
}
</script>

Bugs atuais :P

Por exemplo, se eu estiver digitando e quiser inserir uma tag no meio do texto e não no final dela, quando clico, sempre que insere as tags vai pro final dela, como poderia capturar a posição de onde foi clicado para inserir lá ?

O replace muda perfeitamente, ele troca o texto selecionado, pelo texto selecionado mais as tags, MASSSSSSSSSS por exemplo, vamos supor que tenho mais que uma palavra igual no textarea igual apalavra selecionada, ela vai ser trocada caso estiver antes e não a selecionada...

E último BUG, no firefox, ele não troca o valor selecionado, pelo valor selecionado mais a tag e NÃO gera erro, vi no console e tal, mas não gerou erro, o que poderia ser ?

Abraços e valeuuuuuuuu :)