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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Daemon
 
William_iHarDz
 
Child
 
Holkis
 
iScroll
 
R. Rinehardt
 
Sr.Oliveira
 

Quem está conectado
197 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 194 Visitantes :: 2 Motores de busca

ruystguerra, tabarra, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sex 26 Ago 2016 - 2:08

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

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 390

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Cream em Sex 26 Ago 2016 - 2:36

Olá,

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

Até mais!

Cream
Principal contribuidor
Principal contribuidor

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

http://ajuda.forumeiros.com

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em Sex 26 Ago 2016 - 4:08

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 ...

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 390

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Shek Crowley em Dom 28 Ago 2016 - 2:03

Olá!

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

Especifique sua dúvida.



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15645
Pontos Ativos : 23094

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 Dom 28 Ago 2016 - 5:49

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 ...

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 390

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em Dom 28 Ago 2016 - 20:44

#UP

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 390

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em Ter 30 Ago 2016 - 20:43

#UP

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 390

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

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Cepheus em Ter 30 Ago 2016 - 20:59

Poderia postar seu formulário?

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 2140

http://www.bestskins.net/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em Qua 31 Ago 2016 - 17:07

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>

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 390

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em Qui 1 Set 2016 - 13:48

#Up

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 390

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em Sex 2 Set 2016 - 22:05

#UP

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 390

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Cepheus em Sab 3 Set 2016 - 3:16

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>

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 2140

http://www.bestskins.net/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Luuiz Fellipe em Sab 3 Set 2016 - 4:10

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

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 390

http://megatron.forumais.com/

Resolvido Re: Como adicionar bbcode no formulário.

Mensagem por Sennior em Dom 4 Set 2016 - 10:07

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.

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22838

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