Estou estudando um jeito de transformar o texto dos botões dos BbCodes em icones (gif ou png) já consegui algum material em fóruns no idioma ingês, para tanto gostaria da ajuda de vocês em localizar em qual arquivo fica o codigo abaixo, usei o inspecionar elemento e depois o pesquisar do windos com algumas palavras chaves, mas foi infrutífero, se alguem puder dar uma luz, e se der certo posto o resultado e como fiz.
Código: Selecionar todos
<td colspan="2">
<script type="text/javascript">
// <![CDATA[
// Define the bbCode tags
var bbcode = new Array();
var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
','
','
','[img]','[/img]','
','','[flash=]', '[/flash]','[size=]','[/size]', '[GloboVideo]', '[/GloboVideo]', '[GoogleMaps]', '[/GoogleMaps]', '[Youtube]', '[/Youtube]');
var imageTag = false;
// Helpline messages
var help_line = {
b: 'Negrito:
texto',
i: 'Itálico:
texto',
u: 'Sublinhado:
texto',
q: 'Citação: [quote]citação[/quote]',
c: 'Código:
',
l: 'Lista:
',
o: 'Lista Ordenada:
',
p: 'Imagem: [img]http://url_da_imagem[/img]',
w: 'Inserir URL:
http://url ou
texto da URL (alt+w)',
a: 'Anexo: [attachment=]nome do arquivo.ext[/attachment]',
s: 'Cor:
texto Dica: Você também pode utilizar color=#FF0000',
f: 'Fonte:
texto pequeno',
y: 'Lista: Adicionar um elemento à lista',
d: 'Flash: [flash=width,height]
http://url[/flash]',
tip: 'Dica: Estilos podem ser aplicados rapidamente ao texto selecionado.'
,cb_22: 'O ID do vídeo é o que vem DEPOIS do: 0,,GIM e ANTES do primeiro (-). P.ex: [GloboVideo]1154595[/GloboVideo]'
,cb_24: '[GOOGLEMAPS]LINK PARA O MAPA[/GOOGLEMAPS]'
,cb_26: 'YouTube: [youtube]Link to YouTube Video[/youtube]'
}
// ]]>
</script>
<script type="text/javascript" src="./styles/avalon/template/editor.js"></script>
<input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')">
<input type="button" class="btnbbcode" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')">
<input type="button" class="btnbbcode" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')">
<input type="button" class="btnbbcode" accesskey="q" name="addbbcode6" value="Citar" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')">
<!--<input type="button" class="btnbbcode" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />-->
<!--<input type="button" class="btnbbcode" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />-->
<!--<input type="button" class="btnbbcode" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />-->
<!--<input type="button" class="btnbbcode" accesskey="y" name="addlistitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />-->
<input type="button" class="btnbbcode" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')">
<input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')">
<span class="genmed nowrap">Fonte: <select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
<option value="50">Minúscula</option>
<option value="85">Pequena</option>
<option value="100" selected="selected">Normal</option>
<option value="150">Grande</option>
<option value="200">Enorme</option>
</select></span>
</td>
ceduardos
Novato
Novato
Mensagens: 23
Registrado em: Sáb Abr 13, 2013 07:38
[/code]