Caixa de criação de tópico.
Página 1 de 1
Caixa de criação de tópico.
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!
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!
Convidado- Convidado
Re: Caixa de criação de tópico.
Eu sei instalar a caixa, só não sei qual é o código html dela.
De qualquer forma ficará assim:
De qualquer forma ficará assim:
Convidado- Convidado
Re: Caixa de criação de tópico.
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?
Convidado- Convidado
Re: Caixa de criação de tópico.
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 >>
Obrigado!
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!
Convidado- Convidado
Tópicos semelhantes
» Problema de avatar ao lado da caixa de resposta
» Pedido - Caixa de Quote
» [Pedido] Informação em cima do Tópico
» Pedido - Caixa de Quote
» [Pedido] Informação em cima do Tópico
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|