Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como eu faço para encontrar uma equipe?
Hoje à(s) 02:19 am por mrvisible

» Personalizar posts
Hoje à(s) 12:19 am por Harleen

» Mostrar usuário do post
Ontem à(s) 08:27 pm por rlmac

» Como fazer sub entrada?
Ontem à(s) 08:07 pm por Harleen

» Como trasnferir um site do wix para forumeiros?
Ontem à(s) 07:33 pm por Shek

» Best Skins | as melhores skins você encontra aqui.
Ontem à(s) 06:48 pm por Dr.

» Widget melhor do mês não funciona
Ontem à(s) 05:03 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Shek
 
Luiz
 
APOllO
 
Kyko
 
mrvisible
 
odelgado
 
iScroll
 
rlmac
 

Quem está conectado
222 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 221 Visitantes :: 2 Motores de busca

mrvisible

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como adicionar bbcode no formulário.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em 25/08/16, 10:08 pm

Detalhes da questão


Endereço do fórum: powerpvp.criaforum.com
Versão do fórum: PhpBB3

Descrição


Como adicionar BBCode no formulário gerado aqui : ajuda.forumeiros.com/h15-


Exemplo : http://prntscr.com/cahyct
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Cream em 25/08/16, 10:36 pm

Olá,

Já tentou os processos do seguinte tópico?
http://ajuda.forumeiros.com/t92064-adionar-caixa-bbcode-em-formulario

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

http://ajuda.forumeiros.com

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em 26/08/16, 12:08 am

Eu ví esse tutorial mas não tenho certeza se já fiz igual.
Eu achei ele um pouco diferente do meu pedido.
Ja criei alguns topicos com esses mesmos assuntos e todos eles algumas raras vezes pegaram assim os botoes mas acabavam que nao aparecia ao enviar a mensagem ...
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Shek em 27/08/16, 10:03 pm

Olá!

Mas, você poderia especificar melhor sua dúvida? Esse BBcode seria na mensagem ou no formulário?

Especifique sua dúvida.


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16560
Pontos Ativos : 20888

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em 28/08/16, 01:49 am

Queria os botões em cima da barra de texto e funcionem.
Quando enviar a mensagem aparecer tbm.

Um staff que me ajudou fez tudo pegar etc, porém quando enviava a mensagem ou dava erro, ou os "comandos" dos botoes nao funcionavam ...
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em 28/08/16, 04:44 pm

#UP
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em 30/08/16, 04:43 pm

#UP
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/
  • 0

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Cepheus em 30/08/16, 04:59 pm

Poderia postar seu formulário?
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

http://www.bestskins.net/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em 31/08/16, 01:07 pm

Código:
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
               <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
            <script src="http://ajuda.forumeiros.com/29110.js"></script>
                <script src="http://ajuda.forumeiros.com/28074.js"></script>
                <style>
            #generated_form .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }
 
#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}
 
#generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
 
#generated_form dt {
   width: 30%;
   padding-top: 5px;
   border: none;
   float: left;
}
 
#generated_form dd {
   padding: 5px;
   padding-right: 5px;
   margin-left: 30%;
   vertical-align: middle;
}
#generated_form dl:hover dt {
   color: #666;
}
 
#generated_form input {
   font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #333333;
   padding: 2px;
   vertical-align: middle;
   padding-left: 4px;
}
 
#generated_form input[disabled] {
   background-color:#ddd;
   cursor:pointer;
}
 
#generated_form select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   cursor: default;
   vertical-align: middle;
   width:auto;
   max-width:100%;/* Bug IE */
   padding: 1px;
}
 
#generated_form textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 300px;
   height: 100px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
   position: relative;
   left: -365px;
   top: 15px;
}
 
#generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 300px;
   cursor: text;
}
</style>
          


 <form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">

 <input type="hidden" name="form_mode" value="0">

<dl><dt>Seu nick :</dt>
                            <dd><input type="text" data-type="field" value="" id="field0"></dd>
                        </dl>

<dl><dt>Nick dos envolvidos :</dt>
                            <dd><input type="text" data-type="field" value="" id="field1"></dd>
                        </dl>

<dl>
                            <dt>Motivo da denúncia :</dt>
                            <dd><select data-type="field" id="field2"><option value="Hack">Hack</option><option value="
Desrespeitando as regras">
Desrespeitando as regras</option><option value="
Utilizando bugs">
Utilizando bugs</option><option value="
Multicontas">
Multicontas</option><option value="
Outro, explicação abaixo.">
Outro, explicação abaixo.</option></select></dd>
                        </dl>

<dl>
                            <dt>Explicação :</dt>
                            <dd><textarea data-type="field" id="field3" style="margin: 0px; height: 188px; width: 412px;"></textarea></dd>
                        </dl>

<dl>
                            <dt>Provas :</dt>
                            <dd><textarea data-type="field" id="field4" style="margin: 0px; height: 230px; width: 416px;"></textarea></dd>
                        </dl>


                <input type="hidden" name="f" value="3">
                <input type="hidden" name="subject" value="O script não enviou o título" template="[Denúncia] {field1} [{field0}]">
                <input type="hidden" name="description" value="O script não enviou a descrição" template="">
                <textarea name="message" style="display:none"></textarea>
               
                <textarea id="message-template-bbcode-0" style="display:none">[b]Meu nick : [/b]{field0}
[b]Nick dos envolvidos : [/b]{field1}
[b]Motivo da denúncia : [/b]{field2}
[b]Explicação : [/b]{field3}
[b]Provas : [/b]{field4}
</textarea>
                <input type="hidden" name="mode" value="newtopic">
                <input type="hidden" name="lt" value="0">
                <input type="submit" name="post" class="button2" value="Enviar">
           

</form>
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em 01/09/16, 09:48 am

#Up
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em 02/09/16, 06:05 pm

#UP
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Cepheus em 02/09/16, 11:16 pm

troque seu formulário por:
Código:
<style>/*#right {height:0px}#content-container div#content{margin-right:0px}*/</style><style>
 #send {
    background-color: #FAFAFA;
    background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
    background-position: top;
    background-repeat: repeat-x;
    border: 1px solid #BCBCBC;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: .9em;
    margin: 0 .25em;
    overflow: visible;
    padding: 2px 3px;
    vertical-align: middle;
    width: auto !important;
}
 #send:hover  {
    background-position: 0 100%;
    border: 1px solid #b42000;
    color: #b42000;
}
#form-send {
  background: #fcfcfc;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #form-send select {
  font: 16px bold arial, tahoma, georgia;
  }
  #form-send select {
  min-width: 150px;
  padding: 4px;
  cursor: pointer;
  outline: none;
  border: 1px solid #e0e0e0;
  background: white;
  }
  .warn {
  background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
  border: 1px solid #e599aa;
  margin: 3px 0;
  color: #80001c;
  padding: 3px;
  }
  fieldset.form-div dt {
  padding: 5px 0;
  }
  fieldset.form-div dt {
  float: left;
  font: 15px bold arial, tahoma, georgia;
  width: 13em;
  }
  fieldset.form-div dd {
  margin-left: 10em;
  }
  fieldset.form-div dl:nth-child(odd) {
  background: #fafafa !important;
  }
  fieldset.form-div dl:nth-child(even) {
  background: #fff;
  }
  fieldset.form-div input {
  padding: 5px;
  }
  #countitle {
  background: white;
  color: #D60B8C;
  border: 1px solid #e0e0e0;
  padding: 5px;
  border-radius: 3px;
  }
  fieldset.form-div dl {padding: 11px;border-bottom: 1px solid #F3F3F3;}
  fieldset.form-div dl:after {
  clear: both;
  content: '.';
  display: block;
  height: 0px;
  visibility: hidden;
  }
  #form-send .area .buttons {
  -moz-background-clip: padding;
  -moz-border-radius: 3px 3px 0 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
  background: #f7f7f7;
  background-clip: padding-box;
  border: 1px solid silver;
  border-radius: 3px 3px 0 0;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  padding: 3px 5px 2px;
  }
  #form-send .area {
  display: inline-block;
  z-index: 3;
  width: 63%;
  }
  #form-send .description {
  display: inline-block;
  z-index: 3;
  min-height: 200px;
  position: absolute;
  background: white;
  margin: 0 0 0 20px;
  line-height: 18px;
  color: #000000;
  font-family: Calibri, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid silver;
  width: 15%;
  }
  #form-send .area .buttons .button2 {
  background: white;
  cursor: pointer;
  outline: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  padding: 3px;
  }
  #form-send .area .buttons .button2:hover {border-color: #707070;}
  #form-send .textarea_nc #textarea, #form-send .textarea_nc #textarea2 {
  min-height: 200px;
  color: #111;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  overflow: auto;
  border: 0;
  outline: none;
  width: 100%;
  }
  #form-send .btns {
  background: #f5f5f5;
  border-top: 1px solid #d7d7d7;
  padding: 10px;
  text-align: center;
  }
  #form-send .area .textarea_nc {
  background: white;
  min-height: 200px;
  cursor: se-resize;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  padding: 3px 5px 2px;
  border: 1px solid silver;
  border-top: 0;
  width: 100%;
  }
  #pr-modal {
  position: fixed;
  background-color: #3e3e3e;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 100;
  opacity: 0.5;
  }
  #pr-questao {
  background-color: #464646;
  background-color: rgba(70, 70, 70, 0.6);
  padding: 4px;
  -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 101;
  width: 70%;
  left: 14.5%;
  top: 50%;
  margin-top: -58px;
  }
  #pr-questao .postm {
  background: #fff;
  border: 1px solid #eee;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #pr-questao .pr-clo {
  background: url(http://i.imgur.com/qRr3WvV.png) no-repeat;
  cursor: pointer;
  height: 16px;
  width: 16px;
  float: right;
  }
#no_cp{display:none}
</style>
<script>
  $(document).ready(function() {
  $('#send').click(function() {
  if($('#seunick').val()!=='' && $('#titulo').val()!=='' && $('#envolvidos').val()!=='' && $('#motivo').val()!=='' && $('#textarea2').val()!=='' && $('#textarea').val()!=='') {
    var seunick = $('#seunick').val();
    var envolvidos = $('#envolvidos').val();
    var motivo = $('#motivo').val();
    var texto = $('#textarea').val();
    var texto2 = $('#textarea2').val();
    var titulo = '[Denúncia] '+envolvidos+' ['+seunick+']';
    final = '[b]Meu nick : [/b]'+seunick+'\n\n[b]Nick dos envolvidos : [/b]'+envolvidos+'\n\n[b]Motivo da denúncia : [/b]'+motivo+'\n\n[b]Explicação : [/b]'+texto+'\n\n[b]Provas : [/b]'+texto2+'';
    $('input[name="subject"]').val(titulo);
    $('input[name="message"]').val(final);
    $('#send2').click();
    $('#form-send').slideUp(300);
    $('#enviando').slideDown(500);
  }
  else {
    $('.alert').slideUp(1);
    $('.alert').slideDown(500);
  }
  });
  // teste
  });
</script>
<br><br>
<div class="form-info">
  <div style="text-align: center; font-size: 36px; color: #454954; font-weight: bold;">Formulário de postagem</div><br />
  <div class="warn alert" style="display: none">
    É necessário preencher todos os campos em branco.</div>
  </div>


<form action="/post" method="post" name="post" id="form-send" enctype="multipart/form-data">
  <fieldset class="form-div"> 
    <dl id="no_cp"><dt>
  <label>Titulo :</label></dt>
  <dd>
    <input type="text" style="clear: both;width: 400px;" id="titulo" value="Titulo automatico..." />
  </dd>
  </dl>
  <dl><dt>
  <label>Seu nick :</label></dt>
  <dd>
    <input type="text" style="clear: both;width: 400px;" id="seunick" placeholder="Coloque seu nick aqui..." />
  </dd>
  </dl>
  <dl><dt>
  <label>Nick dos envolvidos :</label></dt>
  <dd>
    <input type="text" style="clear: both;width: 400px;" id="envolvidos" placeholder="Coloque o Nick dos envolvidos aqui..." /> <div id="countitle" style="display:inline"></div>
  </dd>
  </dl>
  <dl><dt>
  <label>Motivo da denúncia :</label></dt>
  <dd>
 
    <select data-type="field" id="motivo"><option value="Hack">Hack</option><option value="
    Desrespeitando as regras">
    Desrespeitando as regras</option><option value="
    Utilizando bugs">
    Utilizando bugs</option><option value="
    Multicontas">
    Multicontas</option><option value="
    Outro, explicação abaixo.">
    Outro, explicação abaixo.</option></select>
  </dd>
  </dl>
 
  <dl><dt>
  <label>Explicação :</label></dt>
  <dd>
    <div class="area">
    <div class="buttons">
      <button class="button2" onclick="bbcode_tag('[b]','[/b]')" type="button" id="addbbcode0" title="Negrito"><img src="http://imgur.com/z2xtYUE.png" alt="Negrito" title="Negrito" /></button>
      <button class="button2" onclick="bbcode_tag('[i]','[/i]')" type="button" id="addbbcode2" title="Itálico"><img src="http://imgur.com/EcEpCJ9.png" alt="Itálico" title="Itálico" /></button>
      <button class="button2" onclick="bbcode_tag('[u]','[/u]')" type="button" id="addbbcode4" title="Underline"><img src="http://imgur.com/i6Ergr1.png" alt="Underline" title="Underline" /></button>
      <button class="button2" onclick="bbcode_tag('[strike]','[/strike]')" type="button" id="addbbcode5" title="Strike"><img src="http://i.imgur.com/hWWoJSN.png" alt="Strike" title="Strike" /></button>
      <button class="button2" onclick="bbcode_tag('[left]','[/left]')" type="button" id="addbbcode52" title="Esquerda"><img src="http://illiweb.com/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda" /></button>
      <button class="button2" onclick="bbcode_tag('[center]','[/center]')" type="button" id="addbbcode30" title="Centralizar"><img src="http://illiweb.com/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar" /></button>
      <button class="button2" onclick="bbcode_tag('[right]','[/right]')" type="button" id="addbbcode32" title="Direita"><img src="http://illiweb.com/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita" /></button>
      <button class="button2" onclick="bbcode_tag('[justify]','[/justify]')" type="button" id="addbbcode33" title="Justificado"><img src="http://illiweb.com/fa/wysiwyg/text_align_justify.png" alt="Justificado" title="Justificado" /></button>
      <button class="button2" onclick="bbcode_tag('[code]','[/code]')" type="button" id="addbbcode41" title="code"><img src="http://i.imgur.com/LEJ7qoj.png" alt="Code" title="Code" /></button>
      <button class="button2" onclick="bbcode_tag('[list][*]','[/list]')" type="button" id="addbbcode10" title="-Lista"><img src="http://illiweb.com/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista" /></button>
      <button class="button2" onclick="bbcode_tag('[list=1][*]','[/list]')" type="button" id="addbbcode12" title="Lista ordenada"><img src="http://illiweb.com/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada" /></button>
      <button class="button2" onclick="bbcode_tag('[img]','[/img]')" type="button" id="addbbcode14" title="Imagem"><img src="http://illiweb.com/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem" /></button>
      <button class="button2" onclick="bbcode_tag('[url=','][/url]')" type="button" id="addbbcode16" title="Link"><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="Link" title="Link" /></button>
    </div>
    <div class="textarea_nc">
      <textarea id="textarea" class="inputbox"></textarea>
    </div>
    </div>
  </dd>
  </dl>
    <dl><dt>
  <label>Provas :</label></dt>
  <dd>
    <div class="area">
    <div class="buttons">
      <button class="button2" onclick="bbcode_tag2('[b]','[/b]')" type="button" id="addbbcode0" title="Negrito"><img src="http://imgur.com/z2xtYUE.png" alt="Negrito" title="Negrito" /></button>
      <button class="button2" onclick="bbcode_tag2('[i]','[/i]')" type="button" id="addbbcode2" title="Itálico"><img src="http://imgur.com/EcEpCJ9.png" alt="Itálico" title="Itálico" /></button>
      <button class="button2" onclick="bbcode_tag2('[u]','[/u]')" type="button" id="addbbcode4" title="Underline"><img src="http://imgur.com/i6Ergr1.png" alt="Underline" title="Underline" /></button>
      <button class="button2" onclick="bbcode_tag2('[strike]','[/strike]')" type="button" id="addbbcode5" title="Strike"><img src="http://i.imgur.com/hWWoJSN.png" alt="Strike" title="Strike" /></button>
      <button class="button2" onclick="bbcode_tag2('[left]','[/left]')" type="button" id="addbbcode52" title="Esquerda"><img src="http://illiweb.com/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda" /></button>
      <button class="button2" onclick="bbcode_tag2('[center]','[/center]')" type="button" id="addbbcode30" title="Centralizar"><img src="http://illiweb.com/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar" /></button>
      <button class="button2" onclick="bbcode_tag2('[right]','[/right]')" type="button" id="addbbcode32" title="Direita"><img src="http://illiweb.com/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita" /></button>
      <button class="button2" onclick="bbcode_tag2('[justify]','[/justify]')" type="button" id="addbbcode33" title="Justificado"><img src="http://illiweb.com/fa/wysiwyg/text_align_justify.png" alt="Justificado" title="Justificado" /></button>
      <button class="button2" onclick="bbcode_tag2('[code]','[/code]')" type="button" id="addbbcode41" title="code"><img src="http://i.imgur.com/LEJ7qoj.png" alt="Code" title="Code" /></button>
      <button class="button2" onclick="bbcode_tag2('[list][*]','[/list]')" type="button" id="addbbcode10" title="-Lista"><img src="http://illiweb.com/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista" /></button>
      <button class="button2" onclick="bbcode_tag2('[list=1][*]','[/list]')" type="button" id="addbbcode12" title="Lista ordenada"><img src="http://illiweb.com/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada" /></button>
      <button class="button2" onclick="bbcode_tag2('[img]','[/img]')" type="button" id="addbbcode14" title="Imagem"><img src="http://illiweb.com/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem" /></button>
      <button class="button2" onclick="bbcode_tag2('[url=','][/url]')" type="button" id="addbbcode16" title="Link"><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="Link" title="Link" /></button>
    </div>
    <div class="textarea_nc">
      <textarea id="textarea2" class="inputbox"></textarea>
    </div>
    </div>
  </dd>
  </dl>
  </fieldset>
<div class="btns">
    <input type="hidden" name="subject" />
    <input type="hidden" name="message" />
    <input type="hidden" name="mode" value="newtopic" />
    <input type="hidden" name="f" value="3" />
    <input type="hidden" name="lt" value="0" />
    <input type="button" value="Enviar" id="send" name="post" /> 
    <input type="submit" style="display: none;" id="send2" name="post" />
</div>
</form>


<div id="enviando" style="display:none;height:400px;">
  <center>
  <img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="carregando" title="enviando..." /><br />
  <span class="conteudo_texto">enviando...</span>
  </center>
</div>
  <script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');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>
<script>
 function bbcode_tag2(o,c){
var t=jQuery('#textarea2');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>
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

http://www.bestskins.net/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em 03/09/16, 12:10 am

Pegou. Agora minha dúvida é o que você mudou ?? Quero utilizar em outros formularios em que criar.
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Sennior em 04/09/16, 06:07 am

Saudações!

Ele inseriu um código javascript em teu código:
Código:
<script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');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>
<script>
 function bbcode_tag2(o,c){
var t=jQuery('#textarea2');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>

Depois adicionou um código HTML para que o BBCode funciona-se:
Código:
<button class="button2" onclick="bbcode_tag2('[img]','[/img]')" type="button" id="addbbcode14" title="Imagem"><img src="http://illiweb.com/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem" /></button>

No mais, fique livre para contatar nosso amigo por MP se tiver ainda mais dúvidas a respeito.
Até mais.
Sennior

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16304
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum