JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Caixa de criação de tópico.

Ir para baixo  Mensagem [Página 1 de 1]

1Caixa de criação de tópico. Empty Caixa de criação de tópico. Qui 11 Jul 2013, 1:29 pm

Convidado

avatar
Convidado

Hello, desculpe abrir tópicos simultâneos de suporte.

Eu gostaria de um código que me permita colocar toda a caixa de criação de tópicos (incluindo BBCodes) em um formulário HTML.

Thank You!

2Caixa de criação de tópico. Empty Re: Caixa de criação de tópico. Qui 11 Jul 2013, 2:01 pm

Convidado

avatar
Convidado

Poderia me passar o código do formulário?

3Caixa de criação de tópico. Empty Re: Caixa de criação de tópico. Qui 11 Jul 2013, 2:10 pm

Convidado

avatar
Convidado

Eu sei instalar a caixa, só não sei qual é o código html dela.
De qualquer forma ficará assim:

4Caixa de criação de tópico. Empty Re: Caixa de criação de tópico. Qui 11 Jul 2013, 6:29 pm

Convidado

avatar
Convidado

D'Leandro™️ escreveu:Eu sei instalar a caixa, só não sei qual é o código html dela.
De qualquer forma ficará assim:

O "tal" código da criação de tópico é:
Código:
<dd class="frm-textarea"><textarea id="text_editor_textarea" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" wrap="virtual" style="width: 98%; display: none;"></textarea><div class="sceditor-container ltr sourceMode" style="width: 859px; height: auto;"><div class="sceditor-toolbar" unselectable="on"><div class="sceditor-group"><a class="sceditor-button sceditor-button-bold" data-sceditor-command="bold" unselectable="on" title="Negrito"><div unselectable="on">Negrito</div></a><a class="sceditor-button sceditor-button-italic" data-sceditor-command="italic" unselectable="on" title="Itál."><div unselectable="on">Itál.</div></a><a class="sceditor-button sceditor-button-underline" data-sceditor-command="underline" unselectable="on" title="Sublinhar"><div unselectable="on">Sublinhar</div></a><a class="sceditor-button sceditor-button-strike" data-sceditor-command="strike" unselectable="on" title="Riscado"><div unselectable="on">Riscado</div></a></div><div class="sceditor-group"><a class="sceditor-button sceditor-button-left" data-sceditor-command="left" unselectable="on" title="Alinhar à esquerda"><div unselectable="on">Alinhar à esquerda</div></a><a class="sceditor-button sceditor-button-center" data-sceditor-command="center" unselectable="on" title="Centrado"><div unselectable="on">Centrado</div></a><a class="sceditor-button sceditor-button-right" data-sceditor-command="right" unselectable="on" title="Alinhar à direita"><div unselectable="on">Alinhar à direita</div></a><a class="sceditor-button sceditor-button-justify" data-sceditor-command="justify" unselectable="on" title="Justificado"><div unselectable="on">Justificado</div></a></div><div class="sceditor-group"><a class="sceditor-button sceditor-button-bulletlist" data-sceditor-command="bulletlist" unselectable="on" title="-Lista"><div unselectable="on">-Lista</div></a><a class="sceditor-button sceditor-button-orderedlist" data-sceditor-command="orderedlist" unselectable="on" title="Lista ordenada"><div unselectable="on">Lista ordenada</div></a><a class="sceditor-button sceditor-button-horizontalrule" data-sceditor-command="horizontalrule" unselectable="on" title="Inserir uma linha"><div unselectable="on">Inserir uma linha</div></a></div><div class="sceditor-group"><a class="sceditor-button sceditor-button-quote" data-sceditor-command="quote" unselectable="on" title="'Citar'"><div unselectable="on">'Citar'</div></a><a class="sceditor-button sceditor-button-code" data-sceditor-command="code" unselectable="on" title="Code"><div unselectable="on">Code</div></a><a class="sceditor-button sceditor-button-faspoiler" data-sceditor-command="faspoiler" unselectable="on" title="Spoiler"><div unselectable="on">Spoiler</div></a><a class="sceditor-button sceditor-button-fahide" data-sceditor-command="fahide" unselectable="on" title="Escondido"><div unselectable="on">Escondido</div></a><a class="sceditor-button sceditor-button-table" data-sceditor-command="table" unselectable="on" title="Inserir uma tabela"><div unselectable="on">Inserir uma tabela</div></a></div><div class="sceditor-group"><a class="sceditor-button sceditor-button-servimg" data-sceditor-command="servimg" unselectable="on" title="Hospedar uma imagem"><div unselectable="on">Hospedar uma imagem</div></a><a class="sceditor-button sceditor-button-image" data-sceditor-command="image" unselectable="on" title="Inserir uma imagem"><div unselectable="on">Inserir uma imagem</div></a><a class="sceditor-button sceditor-button-link" data-sceditor-command="link" unselectable="on" title="Inserir um link"><div unselectable="on">Inserir um link</div></a><a class="sceditor-button sceditor-button-youtube" data-sceditor-command="youtube" unselectable="on" title="Inserir um video do Youtube"><div unselectable="on">Inserir um video do Youtube</div></a><a class="sceditor-button sceditor-button-dailymotion" data-sceditor-command="dailymotion" unselectable="on" title="Insira um video Dailymotion"><div unselectable="on">Insira um video Dailymotion</div></a><a class="sceditor-button sceditor-button-flash" data-sceditor-command="flash" unselectable="on" title="Flash"><div unselectable="on">Flash</div></a></div><div class="sceditor-group"><a class="sceditor-button sceditor-button-size" data-sceditor-command="size" unselectable="on" title="Tamanho da fonte"><div unselectable="on">Tamanho da fonte</div></a><a class="sceditor-button sceditor-button-color" data-sceditor-command="color" unselectable="on" title="Cor"><div unselectable="on">Cor</div></a><a class="sceditor-button sceditor-button-font" data-sceditor-command="font" unselectable="on" title="Fonte"><div unselectable="on">Fonte</div></a><a class="sceditor-button sceditor-button-removeformat disabled" data-sceditor-command="removeformat" unselectable="on" title="Excluir a formatação do texto"><div unselectable="on">Excluir a formatação do texto</div></a></div><div class="sceditor-group"><a class="sceditor-button sceditor-button-more" data-sceditor-command="more" unselectable="on" title="Mais botões"><div unselectable="on">Mais botões</div></a></div><div class="sceditor-group" style="display: none;"><a class="sceditor-button sceditor-button-subscript" data-sceditor-command="subscript" unselectable="on" title="Índice"><div unselectable="on">Índice</div></a><a class="sceditor-button sceditor-button-superscript" data-sceditor-command="superscript" unselectable="on" title="Exposição"><div unselectable="on">Exposição</div></a></div><div class="sceditor-group" style="display: none;"><a class="sceditor-button sceditor-button-fascroll" data-sceditor-command="fascroll" unselectable="on" title="Desfilamento horizontal"><div unselectable="on">Desfilamento horizontal</div></a><a class="sceditor-button sceditor-button-faupdown" data-sceditor-command="faupdown" unselectable="on" title="Desfilamento vertical"><div unselectable="on">Desfilamento vertical</div></a><a class="sceditor-button sceditor-button-fawow" data-sceditor-command="fawow" unselectable="on" title="WoW"><div unselectable="on">WoW</div></a><a class="sceditor-button sceditor-button-farand" data-sceditor-command="farand" unselectable="on" title="Aleatório"><div unselectable="on">Aleatório</div></a></div><div class="sceditor-group"><a class="sceditor-button sceditor-button-date" data-sceditor-command="date" unselectable="on" title="Data atual"><div unselectable="on">Data atual</div></a><a class="sceditor-button sceditor-button-time" data-sceditor-command="time" unselectable="on" title="Hora atual"><div unselectable="on">Hora atual</div></a><a class="sceditor-button sceditor-button-pastetext disabled" data-sceditor-command="pastetext" unselectable="on" title="Inserir um texto não formatado"><div unselectable="on">Inserir um texto não formatado</div></a><a class="sceditor-button sceditor-button-source hover" data-sceditor-command="source" unselectable="on" title="Transferir o modo de edição"><div unselectable="on">Transferir o modo de edição</div></a></div></div><iframe frameborder="0" style="width: 849px; height: 272px; display: none;" tabindex="3"></iframe><textarea tabindex="3" dir="ltr" style="width: 849px; height: 272px;"></textarea><div class="sceditor-grip"></div><div class="sceditor-resize-cover" style="display: none;"></div></div><br></dd>
<link rel="stylesheet" href="http://illiweb.com/rs3/75/frm/SCEditor/minified/themes/fa.default.min.css" type="text/css" media="all">
<script type="text/javascript" src="http://illiweb.com/rs3/75/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/75/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" charset="UTF-8">
   (function ($) {
   'use strict';

   $.sceditor.locale["pt"] = {
      "Bold"                      : "Negrito",
      "Italic"                    : "Itál.",
      "Underline"                  : "Sublinhar",
      "Strikethrough"              : "Riscado",

      "Align left"                : "Alinhar à esquerda",
      "Center"                    : "Centrado",
      "Align right"                : "Alinhar à direita",
      "Justify"                    : "Justificado",

      "Bullet list"                : "-Lista",
      "Numbered list"              : "Lista ordenada",
      "Insert a horizontal rule"  : "Inserir uma linha",

      "Insert a Quote"            : "'Citar'",
      "Code"                      : "Code",
      "Spoiler"                    : "Spoiler",
      "Hidden"                    : "Escondido",
      "Insert a table"            : "Inserir uma tabela",

      "Host an image"              : "Hospedar uma imagem",
      "Insert an image"            : "Inserir uma imagem",
      "Insert a link"              : "Inserir um link",
      "Insert a YouTube video"    : "Inserir um video do Youtube",
      "Insert a Dailymotion Video" : "Insira um video Dailymotion",
      "Flash"                      : "Flash",

      "Font Size"                  : "Tamanho da fonte",
      "Font Color"                : "Cor",
      "Font Name"                  : "Fonte",
      "Remove Formatting"          : "Excluir a formatação do texto",

      "Subscript"                  : "Índice",
      "Superscript"                : "Exposição",

      "Horizontal scrolling"      : "Desfilamento horizontal",
      "Vertical scrolling"        : "Desfilamento vertical",
      "WoW"                        : "WoW",
      "Random"                    : "Aleatório",
      "Dices roll"                : "Lançar dados",

      "Insert an emoticon"        : "Smileys",
      "Insert current date"        : "Data atual",
      "Insert current time"        : "Hora atual",
      "Paste Text"                : "Inserir um texto não formatado",
      "Switch Editor Mode"        : "Transferir o modo de edição",
      
      "color_dark_red"   : "Vermelho Escuro",
      "color_red"         : "Vermelho",
      "color_orange"      : "Laranja",
      "color_brown"      : "Marrom",
      "color_yellow"      : "Amarelo",
      "color_green"      : "Verde",
      "color_olive"      : "Azeitona",
      "color_cyan"      : "Ciano",
      "color_blue"      : "Azul",
      "color_dark_blue"   : "Azul escuro",
      "color_indigo"      : "Índigo",
      "color_violet"      : "Violeta",
      "color_grey"      : "Cinza",
      "color_white"      : "Branco",
      "color_black"      : "Preto",

      "More"                      : "Mais botões",
      "Insert"                                    : "Inserir",
      "URL:"                                      : "URL",
      "Invalid YouTube video"                    : "Vídeo no valido",
      "Author (optional)"                        : "Autor (Opcional)",
      "Title (optional)"                          : "Título (Opcional)",
      "Cols:"                                    : "Colunas",
      "Rows:"                                    : "linhas",
      "Width (optional):"                        : "Largura (Opcional)",
      "Height (optional):"                        : "Altura (Opcional)",
      "Description (optional):"                  : "Descrição (Opcional)",
      "Paste your text inside the following box:" : "Colar texto",
      "Border"                           : "",
      
      "dateFormat": "month.day.year"
   };
})(jQuery);
</script>
<script type="text/javascript" src="http://illiweb.com/rs3/75/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript">
   var account = "";
   var id = "";
   var f = "";
   var dices = new Array();
   var palette = 1;
   var illiweb = "http://illiweb.com/";
   $(document).ready(function() {
      try
      {
         $("#text_editor_textarea").sceditor({
            locale: "pt",
            
            height: "350px",
            plugins: "bbcode",
            toolbar: "bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,link,youtube,dailymotion,flash|size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,fawow,farand|date,time,pastetext,source",
            parserOptions: {
               /*breakAfterBlock: false,*/
               /*removeEmptyTags: false, */
               /*fixInvalidNesting: false,*/
               /*fixInvalidChildren: false*/
            },
            style: "http://illiweb.com/rs3/75/frm/SCEditor/minified/jquery.sceditor.default.min.css",
            rtl: false,
            emoticonsEnabled: true,
            emoticonsCompat: true,
            emoticonsRoot: "",
            emoticons: {
               dropdown: {
                  ":D": "http://2img.net/i/fa/i/smiles/icon_biggrin.png",":)": "http://2img.net/i/fa/i/smiles/icon_smile.gif",":(": "http://2img.net/i/fa/i/smiles/icon_sad.gif",":o": "http://2img.net/i/fa/i/smiles/icon_surprised.gif",":shock:": "http://2img.net/i/fa/i/smiles/icon_eek.gif","8)": "http://2img.net/i/fa/i/smiles/icon_cool.gif",":lol:": "http://2img.net/i/fa/i/smiles/icon_lol.gif",":x": "http://2img.net/i/fa/i/smiles/icon_mad.gif",":P": "http://2img.net/i/fa/i/smiles/icon_razz.gif",":oops:": "http://2img.net/i/fa/i/smiles/icon_redface.gif",":cry:": "http://2img.net/i/fa/i/smiles/icon_cry.gif",":evil:": "http://2img.net/i/fa/i/smiles/icon_evil.gif",":twisted:": "http://2img.net/i/fa/i/smiles/icon_twisted.gif",":roll:": "http://2img.net/i/fa/i/smiles/icon_rolleyes.gif",";)": "http://2img.net/i/fa/i/smiles/icon_wink.gif",":!:": "http://2img.net/i/fa/i/smiles/icon_exclaim.gif",":?:": "http://2img.net/i/fa/i/smiles/icon_question.gif",":idea:": "http://2img.net/i/fa/i/smiles/icon_idea.png",":arrow:": "http://2img.net/i/fa/i/smiles/icon_arrow.gif",":|": "http://2img.net/i/fa/i/smiles/icon_neutral.gif",":face:": "http://2img.net/i/fa/i/smiles/fresse.png",":star:": "http://2img.net/i/fa/i/smiles/star3.png",":suspect:": "http://2img.net/i/fa/i/smiles/suspect.gif",":heart:": "http://2img.net/i/fa/i/smiles/herz.png",":no:": "http://2img.net/i/fa/i/smiles/kopfschuettel.gif",":@:": "http://2img.net/i/fa/i/smiles/at.png",":cyclops:": "http://2img.net/i/fa/i/smiles/icon_cyclops.gif",":clown:": "http://2img.net/i/fa/i/smiles/icon_clown.png",":pirat:": "http://2img.net/i/fa/i/smiles/icon_pirat.png",":tongue:": "http://2img.net/i/fa/i/smiles/icon_tongue.png",":silent:": "http://2img.net/i/fa/i/smiles/icon_silent.png",":pale:": "http://2img.net/i/fa/i/smiles/icon_pale.gif",":alien:": "http://2img.net/i/fa/i/smiles/alien.png",":cat:": "http://2img.net/i/fa/i/smiles/icon_cat.png",":monkey:": "http://2img.net/i/fa/i/smiles/icon_monkey.png",":pig:": "http://2img.net/i/fa/i/smiles/icon_porc.png",":rabbit:": "http://2img.net/i/fa/i/smiles/icon_rabbit.png",":bounce:": "http://2img.net/i/fa/i/smiles/icon_bounce.gif",":confused:": "http://2img.net/i/fa/i/smiles/confused.png",":affraid:": "http://2img.net/i/fa/i/smiles/affraid.gif",":bball:": "http://2img.net/i/fa/i/smiles/icon_basketball.gif",":cheers:": "http://2img.net/i/fa/i/smiles/icon_cheers.png",":bom:": "http://2img.net/i/fa/i/smiles/bom.png",":drunken:": "http://2img.net/i/fa/i/smiles/drunken_smilie.png",":sleep:": "http://2img.net/i/fa/i/smiles/sleep.gif",":sunny:": "http://2img.net/i/fa/i/smiles/icon_sunny.png",":albino:": "http://2img.net/i/fa/i/smiles/icon_albino.png",":cherry:": "http://2img.net/i/fa/i/smiles/icon_cherry.png",":santa:": "http://2img.net/i/fa/i/smiles/icon_santa.png",":rendeer:": "http://2img.net/i/fa/i/smiles/icon_rendeer.png",":farao:": "http://2img.net/i/fa/i/smiles/icon_farao.png",":king:": "http://2img.net/i/fa/i/smiles/icon_king.png",":queen:": "http://2img.net/i/fa/i/smiles/icon_queen.png",":joker:": "http://2img.net/i/fa/i/smiles/icon_jokercolor.png",":geek:": "http://2img.net/i/fa/i/smiles/icon_geek.png",":scratch:": "http://2img.net/i/fa/i/smiles/icon_scratch.png",":study:": "http://2img.net/i/fa/i/smiles/icon_study.png",":elephant:": "http://2img.net/i/fa/i/smiles/icon_elephant.png",":flower:": "http://2img.net/i/fa/i/smiles/icon_flower.png",":afro:": "http://2img.net/i/fa/i/smiles/icon_rr.png",":lol!:": "http://2img.net/i/fa/i/smiles/lol.gif"
               }
            },
            emoticonsURL: "/smilies.forum?mode=smilies_frame&t=1373577805"
         });
         $("#text_editor_textarea").sceditor("instance").toggleSourceMode();$("a.sceditor-button-source").addClass("hover");
         $.sceditor.ShowHideToolbarElements();
      } catch(e) { if( typeof(console) != 'undefined' ) { console.error(e); } }
   });
   
   function insertIntoEditor(text)
   {
      try
      {
         var editor = $("#text_editor_textarea").sceditor("instance");
         if( (text == null) || (typeof(text) == 'undefined') ) { text = ""; }
         if( editor && (text.length > 0) ) { editor.insert(text + '\u00a0'); }
      } catch(e) { if( console ) { console.error(e); } }
   }
</script>
<style type="text/css">
   .sceditor-button-emoticon div   { background: url('http://2img.net/i/fa/i/smiles/icon_smile.gif'); background-repeat: no-repeat;}
   .sceditor-button-dailymotion div{ background: url('http://2img.net/i/rs3/75/frm/SCEditor/src/themes/icons/src/famfamfam/dailymotion.png');}
   .sceditor-button-flash div      { background: url('http://2img.net/i/fa/wysiwyg/page_white_flash.png');   }
   .sceditor-button-servimg div   { background: url('http://2img.net/i/fa/wysiwyg/picture_save.png');      }
   .sceditor-button-faspoiler div   { background: url('http://2img.net/i/rs3/75/frm/SCEditor/src/themes/icons/src/famfamfam/faspoiler.png');   }
   .sceditor-button-fahide div      { background: url('http://2img.net/i/rs3/75/frm/SCEditor/src/themes/icons/src/famfamfam/fahide.png');   }
   .sceditor-button-fascroll div   { background: url('http://2img.net/i/rs3/75/frm/SCEditor/src/themes/icons/src/famfamfam/scroll.png');   }
   .sceditor-button-faupdown div   { background: url('http://2img.net/i/rs3/75/frm/SCEditor/src/themes/icons/src/famfamfam/updown.png');   }
   .sceditor-button-fawow div      { background: url('http://2img.net/i/rs3/75/frm/SCEditor/src/themes/icons/src/famfamfam/wow.png');      }
   .sceditor-button-farand div      { background: url('http://2img.net/i/rs3/75/frm/SCEditor/src/themes/icons/src/famfamfam/rand.png');      }
   .sceditor-button-faroll div      { background: url('http://2img.net/i/rs3/75/frm/SCEditor/src/themes/icons/src/famfamfam/roll.png');      }
   .sceditor-button-more div      { background: url('http://2img.net/i/rs3/75/frm/SCEditor/src/themes/icons/src/famfamfam/dotdotdot.png');   }
</style>

Resulta?

5Caixa de criação de tópico. Empty Re: Caixa de criação de tópico. Sex 12 Jul 2013, 3:46 pm

Convidado

avatar
Convidado

Ficou errado, instale por favor neste formulário base.
Eu notei que esta caixa tem suas próprias classes. Assim eu não sei colocar o js correto, por favor coloque o script para que o formulário funcione.

Note onde diz: <<< CAIXA DE EDIÇÃO AQUI >>> e << BOTÕES ENVIAR >>

Código:
<center><table><tr><td><img src="http://i39.servimg.com/u/f39/17/71/75/73/31548510.png"/></td><td><input id="newttl" type="text" name="titulo" contenteditable="true" placeholder="Coloque aqui o titulo do seu tutorial" /></td></tr></table>

<table><tr><td><table style="float: left;margin-right: 10px;margin-top: 20px;">
<tr><td>Funcionalidade:</td></tr>
<tr>
<td><input type="checkbox" class="fa-button" value="PunBB"> PunBB</td>
<td><input type="checkbox" class="fa-button" value ="PhpBB2"> PhpBB2</td></tr>
<tr>
<td><input type="checkbox" class="fa-button" value ="PhpBB3"> PhpBB3</td>
<td><input type="checkbox" class="fa-button" value="Invision"> Invision</td></tr>
<tr>
<td><input type="checkbox" class="fa-button" value="Blogguer"> Blogguer</td>
<td><input type="checkbox" class="fa-button" value="site"> Site</td></tr>
</table></td>

<td><fieldset id="tablefo" style="text-align: left; margin: 10px; width: 500px;"><legend id="legendpt">Descrição</legend><textarea id="text_desc" type="text" name="desc" contenteditable="true" placeholder="Coloque alguma descrição sobre o conteúdo do tutorial."></textarea></fieldset></center></td></tr></table><br><br>


<<< CAIXA DE EDIÇÃO AQUI >>>


<br><br>Conteúdo editado e postado por Copyright<span style="font-size: 9px;">®</span> 2012 Staffer Group BR™


<center><table><tr><td><input type="checkbox" class="fa-button" onclick="jQuery('.bot_env').fadeToggle();"></td><td><b>Eu declaro que adicionei os créditos corretamente</b><br><span style="color: red; font-size: 9px;">* Voce prescisa declarar isto para continuar</span></td></tr></table>
<div class="bot_env" style="display: block;">


<< BOTÔES EVIAR >>


</div></center>
<style>
#bot_env {border:1px solid red;}
#text_desc {
    width: 500px;
    padding: 5px;
    color: #000;
}
#newttl {
    padding: 5px;
    margin-left: 5px;
    color: gray;
    font-size: 18px;
    width: 500px;
}
#cboxdiv {
    display: block;
}
</style>

Obrigado!

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos