Descrição

Este script adiciona aos icones bbcode da barra de respostas rápidas todas as funçoes originais da criaçao de topicos, sendo totalmente editaveis.

Funcionalidade: PunBB, PhpBB2, PhpBB3 e Invision

Painel de Controle Modulos HTML & JAVASCRIPT Gestao dos Codigos JavaScript

Título * : Opcional
Investimento :
Código JavaScript * : Cole o codigo abaixo

Código:

jQuery(document).ready(function() {
jQuery('#text_editor_select_controls #color button:eq(0)').after('<br><button style="color:#3689D1" onclick="displaysp();return false">sp-color</button>');
jQuery('#text_editor_select_controls #other button:eq(0)').after('<br><button onclick="displayimg();return false">[img][/img]</button><br><button onclick="alert();return false" style="color:blue">Alert!</button><br><button onclick="alert2();return false" style="color:orange">Alert!</button><br><button onclick="alert3();return false" style="color:red">Alert!</button>');
jQuery('#text_editor_controls button:eq(2)').after(' <button id="addbbcode34" class="button2" onclick="bbstyle(34);return false"><img src="http://2img.net/i/fa/wysiwyg/text_strikethrough.png" alt="Riscado" title="Riscado"></button> <button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"/></button> <button id="addbbcode30" class="button2" onclick="bbstyle(30);return false"><img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"/></button> <button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"/></button>');
jQuery('#text_editor_controls button:eq(11)').after(' <button class="button2" onclick="videoselect();return false"><img src="http://2img.net/i/fa/wysiwyg/film.png" alt="Vídeo" title="Vídeo"></button> <button class="button2" onclick="pxselect();return false"><img src="http://2img.net/i/fa/wysiwyg/style.png" alt="Tamanho da fonte" title="Tamanho da fonte"></button> <button class="button2" onclick="fonteselect();return false"><img src="http://2img.net/i/fa/wysiwyg/font.png" alt="Fonte" title="Fonte"></button>');
jQuery('#text_editor_controls .left-box').after('<style>.cred{background:#fff url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;padding-right:17px;}</style><div style="visibility: hidden; width: auto;margin-top: 21px; margin-left:220px;" class="select cred" id="video"><p style="text-align:center"><a href="http://youtube.com/" target="_blank"><img src="http://2img.net/i/fa/wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle">YouTube</a>  <a href="http://www.dailymotion.com/" target="_blank"><img src="http://2img.net/i/fa/wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle">Dailymotion</a>  <a href="http://www.video.google.com/" target="_blank"><img src="http://2img.net/i/fa/wysiwyg/googlevideo.gif" alt="Google Video" title="Google Video" style="vertical-align:middle">Google Video</a></p><p id="inv_url" class="gensmall" style="text-align:center"></p><p><img src="http://2img.net/i/fa/wysiwyg/link.png" alt="URL" title="URL" style="vertical-align:middle"> <input type="text" autocomplete="off" class="inputbox" style="width:300px" id="video_url" title="URL" onkeypress="url()"></p><p style="text-align:center"><input type="button" class="button2" onclick="videourl()" value="Ok"></p></div><div style="visibility:hidden;width: auto;margin-top: 21px; margin-left:412px;" class="select cred" id="px"><button style="font-size:7px" onclick="s7();return false">Minúscula</button><br><button style="font-size:9px" onclick="s9();return false">Pequena</button><br><button style="font-size:12px" onclick="s12();return false">Normal</button><br><button style="font-size:18px" onclick="s18();return false">Grande</button><br><button style="font-size:24px" onclick="s24();return false">Gigante</button><br></div><div style="visibility:hidden;width: auto;margin-top: 21px; margin-left:442px;" class="select cred" id="font"><button style="font-family:Arial" onclick="arial();return false">Arial</button><br><button style="font-family:Arial Black" onclick="arialb();return false">Arial Black</button><br><button style="font-family:Comic Sans Ms" onclick="comic();return false">Comic Sans Ms</button><br><button style="font-family:Courier New" onclick="courier();return false">Courier New</button><br><button style="font-family:Georgia" onclick="georgia();return false">Georgia</button><br><button style="font-family:Impact" onclick="impact();return false">Impact</button><br><button style="font-family:Times New Roman" onclick="times();return false">Times New Roman</button><br><button style="font-family:Trebuchet MS" onclick="trebu();return false">Trebuchet MS</button><br><button style="font-family:Verdana" onclick="verdana();return false">Verdana</button><br></div>');
});
function displaysp(){bbfontstyle('<sp>','</sp>');selectWysiwyg(this,'color');return false}
function displayimg(){bbfontstyle('[img]','[/img]');selectWysiwyg(this,'other');return false}
function alert(){bbfontstyle('<div class="alert">','</div>');selectWysiwyg(this,'other');return false}
function alert2(){bbfontstyle('<div class="alert2">','</div>');selectWysiwyg(this,'other');return false}
function alert3(){bbfontstyle('<div class="alert3">','</div>');selectWysiwyg(this,'other');return false}
function videoselect(){selectWysiwyg(this,'video');return false}
function url(){if (event.keyCode==13){BBcodeVideo('video_url');return false}}
function videourl(){BBcodeVideo('video_url')}
function pxselect(){selectWysiwyg(this,'px');return false}
function s7(){bbfontstyle('[size=7]','[/size]');selectWysiwyg(this,'px');return false}
function s9(){bbfontstyle('[size=9]','[/size]');selectWysiwyg(this,'px');return false}
function s12(){bbfontstyle('[size=12]','[/size]');selectWysiwyg(this,'px');return false}
function s18(){bbfontstyle('[size=18]','[/size]');selectWysiwyg(this,'px');return false}
function s24(){bbfontstyle('[size=24]','[/size]');selectWysiwyg(this,'px');return false}
function fonteselect(){selectWysiwyg(this,'font');return false}
function arial(){bbfontstyle('[font=Arial]','[/font]');selectWysiwyg(this,'font');return false}
function arialb(){bbfontstyle('[font=Arial Black]','[/font]');selectWysiwyg(this,'font');return false}
function comic(){bbfontstyle('[font=Comic Sans Ms]','[/font]');selectWysiwyg(this,'font');return false}
function courier(){bbfontstyle('[font=Courier New]','[/font]');selectWysiwyg(this,'font');return false}
function georgia(){bbfontstyle('[font=Georgia]','[/font]');selectWysiwyg(this,'font');return false}
function impact(){bbfontstyle('[font=Impact]','[/font]');selectWysiwyg(this,'font');return false}
function times(){bbfontstyle('[font=Times New Roman]','[/font]');selectWysiwyg(this,'font');return false}
function trebu(){bbfontstyle('[font=Trebuchet MS]','[/font]');selectWysiwyg(this,'font');return false}
function verdana(){bbfontstyle('[font=Verdana]','[/font]');selectWysiwyg(this,'font');return false}

Clique em

--> Resultado Final<--

Clique na imagem para visualizar ▲

Funciona Obrigado por compartilhar!

Até Mais

Procuro este codigo a muito tempo, quando ele era vip eu tentava mas nao conseguia pega-lo.

Obrigado mesmo!

Vendo o tutorial

Que massa, deve parecer ao antigo botão BBcode

Olá

Código util de mais transforma o fórum numa ferramenta nova e inovadora

Até mais

otimo tutorial, deixa a resposta rápida mais eficiente

MUITO BOM. ESTAREI UTILIZANDO

Vamos ver se é funcional ;)'...

Da Hora vo tentar no meu Fórum !

Muito bom tutorial mano, isso é revolucionário!