Adicionar botão no SCEditor

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Adicionar botão no SCEditor

Mensagem por Shiro2t 13.07.20 20:44

Detalhes da questão


Endereço do fórum: https://shadowars.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Eu quero colocar esses botões no meu novo fórum, só que não sei como.

imagem explicativa:

Código do meu antigo fórum

Código:
$(function() {
  if (!$.sceditor) return;
 
  $.sceditor.command.set('cmd', {
 
  dropDown : function(editor, caller, callback) {
 
    // Adicione abaixo as tags que farão parte da sua lista de comandos, separando-as por vírgula
 
    var items = ['sucesso', 'alerta', 'info', 'visitante', 'aviso'];
 
    var content = $(
    '<div>' +
    '  <div>' +
    '    <label>Selecione uma tag</label>' +
    '    <select></select>' +
    '  </div>' +
    '  <div>' +
    '    <label>Título (opcional)</label>' +
    '    <input type="text" id="cmdValue" value="" />' +
    '  </div>' +
    '  <div>' +
    '    <input type="button" class="button" value="Inserir">' +
    '  </div>' +
    '</div>'
    );
            $.each(items, function(key, val) {
                  content.find('select').append('<option class="sceditor-cmd-option" value="' + val + '">' + val + '</option>');
             });
             content.find('.button').click(function(e) {
                 callback(content.find('select').val());
                 editor.closeDropDown(true);
             });
             editor.createDropDown(caller, "cmd", content);
   },
   // WYSIWYG MODE
   exec : function(caller) {
   var editor = this;
       $.sceditor.command.get('cmd').dropDown(editor, caller, function(cmd) {
         var before = '[' + cmd + ']', end = '[/' + cmd + ']', title = $('#cmdValue').val();
         if(title !== '') {
            before = '[' + cmd + '="' + title + '"]';
            editor.wysiwygEditorInsertHtml(before, end);
         }
       });
   },
   // SOURCE MODE
   txtExec : function(caller) {
   var editor = this;
       $.sceditor.command.get('cmd').dropDown(editor, caller, function(cmd) {
         var title = $('#cmdValue').val();
         if(title) {
            editor.insertText('[' + cmd + '="' + title + '"]','[/' + cmd + ']');
         } else {
            editor.insertText('[' + cmd + ']','[/' + cmd + ']');
         }
       });
   }, tooltip: "Lista de comandos"});
  
  toolbar = toolbar.replace(/quote/,'cmd,quote');
 
  $('head').append(
  '<style type="text/css">' +
  '.sceditor-button-cmd div {' +
  '  background:url(https://cdn2.iconfinder.com/data/icons/snipicons/500/th-list-16.png) !important}' +
  '  .sceditor-cmd {' +
  '  width:auto;' +
  '  height:auto;' +
  '  overflow-y:auto;' +
  '}' +
  '.sceditor-cmd select {' +
  '  margin: 0 0 .75em;' +
  '}' +
  '</style>'
  );
});
Shiro2t

Shiro2t
**

Membro desde : 15/04/2018
Mensagens : 66
Pontos : 112

http://slegends.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão no SCEditor

Mensagem por Chanp 13.07.20 20:54

Olá @Shiro2t,

Existem três opções para você utilizar. Segue:

AddOn feito por Daemon;
Tutorial do Fórum dos Fóruns;
Questão resolvida.

Basta utilizar a que você preferir.
Chanp Rosa
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão no SCEditor

Mensagem por Shiro2t 13.07.20 21:04

Opa, eu ainda não entendi muito, se puder me explicar.
Shiro2t

Shiro2t
**

Membro desde : 15/04/2018
Mensagens : 66
Pontos : 112

http://slegends.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão no SCEditor

Mensagem por Chanp 13.07.20 22:23

Shiro2t escreveu:Opa, eu ainda não entendi muito, se puder me explicar.

Basta acessar um dos tutoriais que eu te enviei, ler eles e seguir os passos que estão lá. Se não entender um, basta seguir para o próximo.
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar botão no SCEditor

Mensagem por tikky 18.07.20 22:34

Tópico resolvido


Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7820
Pontos : 9063

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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