Edição em formulário HTML

Membro desde : 05/02/2013

Qual é minha questão:
Olá, gostaria de saber se é possível usar a caixa de criação de tópicos em um formulário, caso não, gostaria de saber como adicionar os botões em da barra de ferramentas.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Só preciso saber como ponho um, os outros eu mesmo coloco. (Mas preferia a caixa original)

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Membro desde : 05/02/2013

Membro desde : 21/01/2013

Adicione ao formulário:

Código:: <div id="text_edit" style=" display: block; width: 99.91%; "><button class="button2" onclick="bbcode_tag('[b]','[/b]')" onmouseover="helpline('b')" type="button" id="addbbcode0" accesskey="b" title="Negrito" style=" padding-right: 10px; "><img src="http://2img.net/i/fa/wysiwyg/text_bold.png" alt="Negrito" title="Negrito"></button><button class="button2" onclick="bbcode_tag('[i]','[/i]')" onmouseover="helpline('i')" type="button" id="addbbcode2" accesskey="i" title="Itál." style=" padding-left: 10px; "><img src="http://2img.net/i/fa/wysiwyg/text_italic.png" alt="Itál." title="Itál."></button> <button class="button2" onclick="bbcode_tag('[u]','[/u]')" onmouseover="helpline('u')" type="button" id="addbbcode4" accesskey="u" title="Sublinhar"><img src="http://2img.net/i/fa/wysiwyg/text_underline.png" alt="Sublinhar" title="Sublinhar"></button><b style="font-size:11px"> </b><button class="button2" onclick="bbcode_tag('[left]','[/left]')" onmouseover="helpline('m')" type="button" id="addbbcode52" accesskey="m" title="Esquerda"><img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"></button> <button class="button2" onclick="bbcode_tag('[center]','[/center]')" onmouseover="helpline('t')" type="button" id="addbbcode30" accesskey="t" title="Centralizar"><img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"></button> <button class="button2" onclick="bbcode_tag('[right]','[/right]')" onmouseover="helpline('g')" type="button" id="addbbcode32" accesskey="g" title="Direita"><img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"></button><b style="font-size:11px"> </b><button class="button2" onclick="bbcode_tag('[list][*]','[/list]')" onmouseover="helpline('l')" type="button" id="addbbcode10" accesskey="l" title="-Lista"><img src="http://2img.net/i/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista"></button> <button class="button2" onclick="bbcode_tag('[list=1][*]','[/list]')" onmouseover="helpline('o')" type="button" id="addbbcode12" accesskey="o" title="Lista ordenada"><img src="http://2img.net/i/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada"></button><b style="font-size:11px"> </b><button class="button2" onclick="jQuery('#uploadimage input[type=file]').click()" type="button" title="Fazer upload de uma imagem"><img src="http://2img.net/i/fa/wysiwyg/picture_save.png" alt="Fazer upload de uma imagem" title="Fazer upload de uma imagem"></button> <button class="button2" onclick="bbcode_tag('[img]','[/img]')" onmouseover="helpline('p')" type="button" id="addbbcode14" accesskey="p" title="Imagem"><img src="http://2img.net/i/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem"></button> <button class="button2" onclick="bbcode_tag('[url=','][/url]')" onmouseover="helpline('w')" type="button" id="addbbcode16" accesskey="w" title="Link"><img src="http://2img.net/i/fa/wysiwyg/link.png" alt="Link" title="Link"></button></div> <form action="http://s6.tinypic.com/plugin/upload.php" id="uploadimage" method="post" enctype="multipart/form-data" target="fuploadimage" style="display:none"><input type="hidden" name="action" value="upload"><input type="hidden" name="popts" value="c,url"><input type="file" name="the_file" onchange="this.form.submit();jQuery('iframe[name=fuploadimage],#imguploadimage').css('display','block')"></form>

Ainda dentro do formulário adicione:

Código:: <script>function bbcode_tag(o,c){var t=jQuery('#questao');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val().substring(t[0].selectionStart,t[0].selectionEnd)+c+t.val().substring(t[0].selectionEnd,t.val().length))};</script>

Localize '#questão' e troque pelo ID da textarea que o bbcode será inserido ao ser clicado.
Até mais!

Membro desde : 05/02/2013

hm

Última edição por D'Leandro™ em Sex 24 Jan 2014 - 22:19, editado 1 vez(es)

Membro desde : 05/02/2013

Tem como colocar a palheta de cores?

Membro desde : 05/02/2013

Membro desde : 05/02/2013

Tem como colocar a palheta de cores?

Membro desde : 05/02/2013

Ninguém vai ajudar né? Deixa pra lá, eu do um jeito. Não deletem o tópico, o primeiro código que o daemom passou eu ainda quero.

Boas-vindas ao Power-Pixel.net

Boas-vindas ao Power Pixel

Edição em formulário HTML

Edição em formulário HTML Ter 21 Jan 2014 - 1:30

Re: Edição em formulário HTML Qua 22 Jan 2014 - 18:11

Re: Edição em formulário HTML Qua 22 Jan 2014 - 18:39

Re: Edição em formulário HTML Qua 22 Jan 2014 - 19:51

Re: Edição em formulário HTML Sex 24 Jan 2014 - 22:18

Re: Edição em formulário HTML Dom 26 Jan 2014 - 14:57

Re: Edição em formulário HTML Ter 28 Jan 2014 - 17:45

Re: Edição em formulário HTML Sex 31 Jan 2014 - 18:47

Re: Edição em formulário HTML

Power-Pixel.net