Novos bbcodes no novo editor!
Página 1 de 1
Novos bbcodes no novo editor!
É até mais fácil adicionar novos botões bbcode no novo editor, vejam:
JS
- Código:
<div class="sceditor-toolbar">
<div class="sceditor-group">
<a class="sceditor-button sceditor-button-bold" data-sceditor-command="bold" title="Negrito">
<div>
Negrito
</div></a><a class="sceditor-button sceditor-button-italic" data-sceditor-command="italic" title="Itál.">
<div>
Itál.
</div></a><a class="sceditor-button sceditor-button-underline" data-sceditor-command="underline" title="Sublinhar">
<div>
Sublinhar
</div></a><a class="sceditor-button sceditor-button-strike" data-sceditor-command="strike" title="Riscado">
<div>
Riscado
</div></a>
</div>
<div class="sceditor-group">
<a class="sceditor-button sceditor-button-left" data-sceditor-command="left" title="Alinhar à esquerda">
<div>
Alinhar à esquerda
</div></a><a class="sceditor-button sceditor-button-center" data-sceditor-command="center" title="Centrado">
<div>
Centrado
</div></a><a class="sceditor-button sceditor-button-right" data-sceditor-command="right" title="Alinhar à direita">
<div>
Alinhar à direita
</div></a><a class="sceditor-button sceditor-button-justify" data-sceditor-command="justify" title="Justificado">
<div>
Justificado
</div></a>
</div>
<div class="sceditor-group">
<a class="sceditor-button sceditor-button-quote" data-sceditor-command="quote" title="'Citar'">
<div>
'Citar'
</div></a><a class="sceditor-button sceditor-button-code" data-sceditor-command="code" title="Code">
<div>
Code
</div></a><a class="sceditor-button sceditor-button-faspoiler" data-sceditor-command="faspoiler" title="Spoiler">
<div>
Spoiler
</div></a><a class="sceditor-button sceditor-button-fahide" data-sceditor-command="fahide" title="Escondido">
<div>
Escondido
</div></a>
</div>
<div class="sceditor-group">
<a class="sceditor-button sceditor-button-servimg" data-sceditor-command="servimg" title="Hospedar uma imagem">
<div>
Hospedar uma imagem
</div></a><a class="sceditor-button sceditor-button-image" data-sceditor-command="image" title="Inserir uma imagem">
<div>
Inserir uma imagem
</div></a><a class="sceditor-button sceditor-button-link" data-sceditor-command="link" title="Inserir um link">
<div>
Inserir um link
</div></a><a class="sceditor-button sceditor-button-youtube" data-sceditor-command="youtube" title="Inserir um video do Youtube">
<div>
Inserir um video do Youtube
</div></a>
</div>
<div class="sceditor-group">
<a class="sceditor-button sceditor-button-size" data-sceditor-command="size" title="Tamanho da fonte">
<div>
Tamanho da fonte
</div></a><a class="sceditor-button sceditor-button-color" data-sceditor-command="color" title="Cor">
<div>
Cor
</div></a><a class="sceditor-button sceditor-button-font" data-sceditor-command="font" title="Fonte">
<div>
Fonte
</div></a><a class="sceditor-button sceditor-button-removeformat disabled" data-sceditor-command="removeformat" title="Excluir a formatação do texto">
<div>
Excluir a formatação do texto
</div></a>
</div>
<div class="sceditor-group">
<a class="sceditor-button sceditor-button-emoticon" data-sceditor-command="emoticon" title="Smileys">
<div>
Smileys
</div></a><a class="sceditor-button sceditor-button-date" data-sceditor-command="date" title="Data atual">
<div>
Data atual
</div></a><a class="sceditor-button sceditor-button-time" data-sceditor-command="time" title="Hora atual">
<div>
Hora atual
</div></a><a class="sceditor-button sceditor-button-source hover" data-sceditor-command="source" title="Transferir o modo de edição">
<div>
Transferir o modo de edição
</div></a>
</div>
</div>
JS
Re: Novos bbcodes no novo editor!
Isso é o código do template ou do próprio código fonte?
Convidado- Convidado
Re: Novos bbcodes no novo editor!
Eu consegui adicionar um botão, o Scan, crie um javascript com o seguinte código:
- Código:
jQuery(document).ready(function(e) {
jQuery('.sceditor-button .sceditor-button-youtube').after('<button class="sceditor-button-scan" data-sceditor-command="scan" title="Scan" type="button"><img src="http://www.veryicon.com/icon/16/System/Crystal%20Clear%20Actions/Virus.png" alt="Scan" title="Scan" id="scan" data-sceditor-command="scan"></button>');
jQuery('#scan .sceditor-button-scan').click(function(e) {
window.open('https://www.virustotal.com/','','height=500,width=1000');
});
});
Convidado- Convidado
Re: Novos bbcodes no novo editor!
Não consegui vê aqui BangBang, resulto o código ?
Convidado- Convidado
Re: Novos bbcodes no novo editor!
- Código:
jQuery(document).ready(function(e) {
jQuery('.sceditor-group:sixth').after('<div class="sceditor-group"><button class="sceditor-button-scan" data-sceditor-command="scan" title="Scan" type="button"><img src="http://www.veryicon.com/icon/16/System/Crystal%20Clear%20Actions/Virus.png" alt="Procurar Vírus em Arquivos" title="Procurar Vírus em Arquivos" id="scan" data-sceditor-command="scan"></button></div>');
jQuery('#scan .sceditor-button-scan').click(function(e) {
window.open('https://www.virustotal.com/','','height=500,width=1000');
});
});
ou
- Código:
jQuery(document).ready(function(e) {
jQuery('.sceditor-group').after('<div class="sceditor-group"><button class="sceditor-button-scan" data-sceditor-command="scan" title="Scan" type="button"><img src="http://www.veryicon.com/icon/16/System/Crystal%20Clear%20Actions/Virus.png" alt="Procurar Vírus em Arquivos" title="Procurar Vírus em Arquivos" id="scan" data-sceditor-command="scan"></button></div>');
jQuery('#scan .sceditor-button-scan').click(function(e) {
window.open('https://www.virustotal.com/','','height=500,width=1000');
});
});
Teste e veja se você consegue resultados!
Convidado- Convidado
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|