JScript

Programação & Desenvolvimento


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

JScript »  Forumeiros (Avançado) » Ajuda & Suporte » Novos bbcodes no novo editor!

Novos bbcodes no novo editor!

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

1Novos bbcodes no novo editor! Empty Novos bbcodes no novo editor! Sáb 15 Jun 2013, 9:43 pm

JScript

JScript
Administradores
Administradores

É até mais fácil adicionar novos botões bbcode no novo editor, vejam:
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>
O código acima é a atual barra com os botões de edição e bbcode, implementar outros é moleza!!!

JS

http://autoitbrasil.com

2Novos bbcodes no novo editor! Empty Re: Novos bbcodes no novo editor! Dom 16 Jun 2013, 9:25 am

Convidado

avatar
Convidado

Isso é o código do template ou do próprio código fonte?

3Novos bbcodes no novo editor! Empty Re: Novos bbcodes no novo editor! Dom 16 Jun 2013, 11:12 am

Convidado

avatar
Convidado

É um código fonte amigo, uma base !

4Novos bbcodes no novo editor! Empty Re: Novos bbcodes no novo editor! Dom 16 Jun 2013, 11:22 am

Convidado

avatar
Convidado

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');
    });
});

5Novos bbcodes no novo editor! Empty Re: Novos bbcodes no novo editor! Seg 17 Jun 2013, 12:20 am

Convidado

avatar
Convidado

Não consegui vê aqui BangBang, resulto o código ?

6Novos bbcodes no novo editor! Empty Re: Novos bbcodes no novo editor! Seg 17 Jun 2013, 4:41 pm

Convidado

avatar
Convidado

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!

Conteúdo patrocinado



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

JScript »  Forumeiros (Avançado) » Ajuda & Suporte » Novos bbcodes no novo editor!

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