BBCodes

[Pablo César]

As vezes me encontro com a necessidade de exibir uma tabela. Sei que o tag Code não reformata a exibição, respeitando os espaços e os tabs que possam conter. Mas muitas vezes exibi-los com o tag Code, não fica muito ético, principalmente quando queremos mencionar com o tag Quote. Estive vendo um exemplo de BBCode que menciona que é possível colocar um tag Table. Como por exemplo:

&nbspLinha 1 - Célula 1&nbsp	&nbspLinha 1 - Coluna 2&nbsp	&nbspLinha 1 - Coluna 3&nbsp
&nbspLinha 2 - Coluna 1&nbsp	&nbspLinha 2 - Coluna 2&nbsp	&nbspLinha 2 - Coluna 3&nbsp

Ou então criar outra tag que exiba do mesmo forma que o tag code faz: sem re-formatação, com barra de rolagem mas sem número de linhas e com fundo cinza ou beige.

Também gostaria de poder contar com teste ou [strike]teste[/strike] (seria o riscado, as vezes útil quando queremos corrigir nossos textos sem ter que apagá-los). Como mostra figura abaixo:

informatica3.png (7.09 KiB) Exibido 8393 vezes

Daria muito trabalho, Toledo ?

Obs.: Inclusive disponibilizei o link onde podem ter acesso aos BBCodes

[Toledo]

Pablo, a tag [ s ] já está funcionando. Exemplo

Agora a tag table eu vou ter que estudar uma maneira fácil de colocar ela em prática.

Abraços,

[Pablo César]

uhhh que beleza. Espero que para o table você consiga uma interface boa.

Obrigado Toledo ! Já vou corrigir aquela mensagem com o tachado, antes que a imagem venha a sumir com o tempo... rsrsrs

[Toledo]

Pablo, a tag para montar uma Tabela já está disponível.  

&nbspLinha 1 - Coluna 1&nbsp	&nbspLinha 1 - Coluna 2&nbsp	&nbspLinha 1 - Coluna 3&nbsp
&nbspLinha 2 - Coluna 1&nbsp	&nbspLinha 2 - Coluna 2&nbsp	&nbspLinha 2 - Coluna 3&nbsp

As tags são: [ tabela ], [ linha ] e [ coluna ]

Exemplo:

Código: Selecionar todos

[tabela]
[linha][coluna]Linha 1 - Coluna 1[/coluna][coluna]Linha 1 - Coluna 2[/coluna][coluna]Linha 1 - Coluna 3[/coluna][/linha]
[linha][coluna]Linha 2 - Coluna 1[/coluna][coluna]Linha 2 - Coluna 2[/coluna][coluna]Linha 2 - Coluna 3[/coluna][/linha]
[/tabela]

ou

Código: Selecionar todos

[table]
[tr][td]tr 1 - td 1[/td][td]tr 1 - td 2[/td][td]tr 1 - td 3[/td][/tr]
[tr][td]tr 2 - td 1[/td][td]tr 2 - td 2[/td][td]tr 2 - td 3[/td][/tr]
[/table]

Depois vou tentar fazer alguma coisa mais prática para montar a tabela (linhas e colunas).

Abraços,

[Pablo César]

Quê bom podemos contar com tabelas.... não vamos precisar preocupar-nos com tabulações nem alinhamentos...

Obrigado, Toledo !! Valeu !

Obs.:
- Re-editei a sua mensagem para que ficasse mais entendível a composição da tabela. Deu o mesmo efeito.
- Já aproveitei e reditei a minha mensagem com tabela, veja como ficou

[Pablo César]

Pablo, a tag para montar uma Tabela já está disponível.  

&nbspLinha 1 - Coluna 1&nbsp	&nbspLinha 1 - Coluna 2&nbsp	&nbspLinha 1 - Coluna 3&nbsp
&nbspLinha 2 - Coluna 1&nbsp	&nbspLinha 2 - Coluna 2&nbsp	&nbspLinha 2 - Coluna 3&nbsp

..//..
Depois vou tentar fazer alguma coisa mais prática para montar a tabela (linhas e colunas).

Minha sugestão é que seja feito do mesmo modo que é feito no Word, como a imagem seguir:



Outra sugestão, Toledo: poderias manter as tags: table, tr e td ? Assim poderíamos manter o padrão php em outros fóruns.

[Toledo]

Pablo, a intenção é fazer algo assim mesmo, podendo informar a quantidade de linhas e colunas. Mas ai já requer uma mudança maior, pois terei que fazer algo em javascript... então vai levar um tempo.

Agora sobre a tag da tabela, pode-se usar das duas maneiras.

Abraços,

[Pablo César]

Toledo, pesquisando na internet encontrei:

Free BBCode Table Generator - On line (Tem o email do autor, talvez possa ajudar)

Creating a Table in Javascript (Aqui tem código fonte mas falta a interface)

Outra idéia é utilizar o HMGSCRIPT que creio poder conseguir a interface e é js.

[Pablo César]

Outra sugestão, Toledo: poderias manter as tags: table, tr e td ? Assim poderíamos manter o padrão php em outros fóruns.

Agora sobre a tag da tabela, pode-se usar das duas maneiras.

Testei o [ table ] e funcionou beleza, agora estou também disponibilizando no STRU a opção de colocar no cliboard em formato BBCodes-Tabela para funcionar aqui no fórum e em outros em PHP. Obrigado Toledo !

Quanto a fazer em js, você viu os fontes do HMGScript ? Tem a função Spinner que você precisa, só não sei se você pode adaptar com o teus fontes Toledo.

[Pablo César]

Minha sugestão é que seja feito do mesmo modo que é feito no Word, como a imagem seguir:

Pablo, a intenção é fazer algo assim mesmo, podendo informar a quantidade de linhas e colunas. Mas ai já requer uma mudança maior, pois terei que fazer algo em javascript... então vai levar um tempo.

Toledo, Não encontrei algum código fonte que possa ser utilizado para compor essa tabela aqui no fórum. No entanto fiz um aplicativo para este fim, claro que DeskTop, mas pensou que poderá ajudar a muitos (como eu) que não tem muita familiaridade com os BBCodes. O programa chama-se TableMaker e pode ser baixado aqui.

Toledo, gostaria também de aproveitar (se não for muito complicado fazer). O "Table" tem duas sub-tags "tr" e "td" mas não possui o "th" que serve para diferenciar o que é cabeçalhos e linha normal. Pois seria muito útil, pois com o "th" além de deixar em negrito também centraliza o texto em cada célula do cabeçalho. Seria possível incluir mais isso ?

[Toledo]

Pablo, muito interessante o programa TableMaker, com certeza será muito útil.

Inclui a tag [th], faça um teste é veja se deu certo!

Abraços,

[Pablo César]

Perfeito ! Obrigado, Toledo !

&nbspTeste 1&nbsp	&nbspTeste 2&nbsp	&nbspTeste 3&nbsp
&nbspAAAAAAAAAAAAA&nbsp	&nbspBBBBBBBBBBBBB&nbsp	&nbspCCCCCCCCC&nbsp
&nbspDDDDDDDDD&nbsp	&nbspEEEEEEEEEEE&nbsp	&nbspFFFFFFFFFF&nbsp
&nbspGGGGGGGGGGG&nbsp	&nbspHHHHHHHHHHH&nbsp	&nbspIIIIIIIIIIIIIII&nbsp

Eis em código como fica:

Código: Selecionar todos

[table]
[tr][th]Teste 1[/th][th]Teste 2[/th][th]Teste 3[/th][/tr]
[tr][td]AAAAAAAAAAAAA[/td][td]BBBBBBBBBBBBB[/td][td]CCCCCCCCC[/td][/tr]
[tr][td]DDDDDDDDD[/td][td]EEEEEEEEEEE[/td][td]FFFFFFFFFF[/td][/tr]
[tr][td]GGGGGGGGGGG[/td][td]HHHHHHHHHHH[/td][td]IIIIIIIIIIIIIII[/td][/tr]
[/table]

muito interessante o programa TableMaker, com certeza será muito útil

Só que ainda tem um erro o programa... não consigo descobrir o quê está causando isso. O erro (no TableMaker) dá quando tento gerar por segunda vez a tabela. Isso deve ser por causa do ActiveX que sobrecarrega quando executado mais de uma vez. Vou ver se consigo outra solução.

[Pablo César]

Já resolvi de uma outra forma. Deixei de utilizar o ActiveX e passei abrir o arquivo html no próprio navegador, bem más rápido e seguro. Até fiz um efeito de alternar janelas.

Estava pensando, se fosse compatível com o atual BB Code instalado e não fosse muito trabalhoso, alterar o tag
[ table ] para que aceitasse o parâmetro border="0" (sem bordas) e border="1" (com bordas) e que quando não informado assumisse border="1". Seria bom para suavizar a visualização de lista do tipo colunar e com bordas quando for uma tabela. Pode ser mestre ?

[Toledo]

alterar o tag [ table ] para que aceitasse o parâmetro border="0" (sem bordas) e border="1" (com bordas)...

Pablo, dá para alterar sim, mas o parâmetro border terá que ser obrigatório.

Abraços,

[Pablo César]

dá para alterar sim, mas o parâmetro border terá que ser obrigatório

Será que colocando mais essa opção irá dificultar ou compensaria pela opção a mais ?
Bom, na minha opinião, já que o fórum está com aumento de recursos de edição, se não for inconveniente para você, por mim tudo bem aplicar mais esse recurso. ]

O fórum do HMG, por exemplo, não suporta border= nem a sub-tag th, então irei deixar opcional a seleção de bordas e cabeçalho.