Adicionar um botão do Spotify no SCEditor

3 participantes

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

Tópico resolvido Adicionar um botão do Spotify no SCEditor

Mensagem por Japis Br 05.06.17 0:13

Detalhes da questão


Endereço do fórum: http://brasilcitylife.livreforum.com/forum
Versão do fórum: phpBB2

Descrição


Adicionei o Js em todas as páginas porém o código não tem efeito, suspeito que eu esteja inserindo o link errado ou algo do tipo, não vi problemas com o botão e sim com o resultado final.

Adicionar um botão do Spotify no SCEditor DVwsoIL

Me dê algum exemplo de URL para inserir aqui, acho que estou fazendo algo errado.
Japis Br

Japis Br
**

Membro desde : 14/01/2017
Mensagens : 71
Pontos : 107

http://barao.livreforum.com

Ir para o topo Ir para baixo

Principal Contribuidor

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

Mensagem por Shek 05.06.17 12:52

Bom dia.

O script do tutorial para adicionar o botão do Spotify no SCEditor está ativo em seu fórum? Por favor, ative-o e nos avise para que seja possível verificar se há erros em seu javascript.

Até mais.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

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

Mensagem por Japis Br 05.06.17 12:53

Shek Crowley escreveu:Bom dia.

O script do tutorial para adicionar o botão do Spotify no SCEditor está ativo em seu fórum? Por favor, ative-o e nos avise para que seja possível verificar se há erros em seu javascript.

Até mais.

Está sim amigo, a função dele está boa, porém na hora de visualizar o player da spotify nada acontece...
Japis Br

Japis Br
**

Membro desde : 14/01/2017
Mensagens : 71
Pontos : 107

http://barao.livreforum.com

Ir para o topo Ir para baixo

Principal Contribuidor

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

Mensagem por Shek 05.06.17 12:56

E em qual tópico está o código do spotify?
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

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

Mensagem por Japis Br 05.06.17 13:01

Shek Crowley escreveu:E em qual tópico está o código do spotify?

Siga o link por gentileza: http://brasilcitylife.livreforum.com/t23-there-for-you-martin-garrix#47
Japis Br

Japis Br
**

Membro desde : 14/01/2017
Mensagens : 71
Pontos : 107

http://barao.livreforum.com

Ir para o topo Ir para baixo

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

Mensagem por Kyo Panda 05.06.17 13:15

O senhor precisaria liberar o acesso a visitantes para esse tópico.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Japis Br 05.06.17 13:22

Kyo Panda escreveu:O senhor precisaria liberar o acesso a visitantes para esse tópico.

Feito, já está liberado, desculpe por isso ....
Japis Br

Japis Br
**

Membro desde : 14/01/2017
Mensagens : 71
Pontos : 107

http://barao.livreforum.com

Ir para o topo Ir para baixo

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

Mensagem por Kyo Panda 05.06.17 13:25

Tente trocar o script por esse:

Código:
/**
 * Adicione um botão do Spotify ao seu SCEditor.
 *
 * @author Luiz~
 * @author Kyo Panda
 *
 * @see <a href="http://ajuda.forumeiros.com/">Fórum dos Fóruns</a>
 * @licence MIT
 */
(function($) {
  'use strict';
 
  var faAtributes = {
    scBtn: [
      'class="sceditor-button sceditor-button-spotify" ',
      'data-sceditor-command="spotify" ',
      'unselectable="on" ',
      'title="Inserir playlist do spotify" ',
      'style="',
      'background-image: url(http://i.imgur.com/helTFAw.png)!important;',
      'background-size: 16px!important;',
      'background-position: center!important;',
      'background-repeat: no-repeat!important;',
      '"',
    ].join('\n')
  };
 
  $(document).on('ready', function () {
      var $sceditor = $("#text_editor_textarea");
     
      if (!$sceditor.length) {
        return;
      }
 
      // [?] Criar os novos estilos:
      $([
        '<div class="sceditor-group fa-spotify-group">',
        '  <a ' + faAtributes.scBtn + '>',
        '    <div unselectable="on" style="background-image: none!important;">Spotify</div>',
        '  </a>',
        '</div>',
      ].join('\n'))
        .on('click', function () {
          $('.sceditor-insertspotify').toggle();
        })
          .insertAfter('.sceditor-group:last')
      ;
 
      // [?] Colocar o Dropdown no <body>:
      $([
        '<div class="sceditor-dropdown sceditor-insertspotify">',
        '  <div>',
        '    <label for="fa-spotify-input">ID da Playlist (Opcional):</label>',
        '    <input id="fa-spotify-input" value="">',
        '  </div>',
        '  <div>',
        '    <input type="button" class="button" ' +
        '    id="fa-spotify-button" value="Inserir">',
        '  </div>',
        '</div>',
      ].join('\n'))
        .css({
          left: $('.fa-spotify-group').offset().left + 'px',
          top: $('.fa-spotify-group').offset().top + 'px',
          marginTop: '28px',
          display: 'none'
        })
          .appendTo('body')
      ;
 
    // [?] Evento de inserção no SCEditor:
    $('#fa-spotify-button')
      .on('click', function () {
        $sceditor.sceditor('instance').insertText('[spotify]' + $('#fa-spotify-input').val() + '[/spotify]');
        $('.sceditor-insertspotify').toggle();
        $('#fa-spotify-input').val('');
    });
  });
 
  // [?] Substituir a tag nas mensagens:
  $(function () {
    $('.entry-content > div, .content > div').each(function() {
        var $this = $(this);
        $this.html($this.html().replace(/\[spotify\]([^\[]+)\[\/spotify\]/gi, function(text, match) {
          return $('<iframe>', {
            width: 300,
            height: 380,
            frameborder: 0,
            src: 'https://embed.spotify.com/?uri=' + match,
            allowtransparency: true
          }).prop('outerHTML');
        }));
    });
  });
}(jQuery));
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Japis Br 05.06.17 13:30

só tem um problema, observem o que acontece logo após o player da spotify


Última edição por Japis Br em 05.06.17 13:33, editado 1 vez(es)
Japis Br

Japis Br
**

Membro desde : 14/01/2017
Mensagens : 71
Pontos : 107

http://barao.livreforum.com

Ir para o topo Ir para baixo

Principal Contribuidor

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

Mensagem por Shek 05.06.17 13:32

No tópico original? Qual deles? Você diz no tutorial?
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

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

Mensagem por Japis Br 05.06.17 13:35

Shek escreveu:No tópico original? Qual deles? Você diz no tutorial?

No original, .... receio que ele esteja com problema, o script do Kyo funcionou porém logo após o player da spotify ele acrescenta uma linha de código
Adicionar um botão do Spotify no SCEditor NvRwBRP
Japis Br

Japis Br
**

Membro desde : 14/01/2017
Mensagens : 71
Pontos : 107

http://barao.livreforum.com

Ir para o topo Ir para baixo

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

Mensagem por Kyo Panda 05.06.17 14:22

O senhor deve utilizar apenas o código gerado pelo Spotify, e não a URL toda. Se colocar a URL, o FA gerará um link dele e o mesmo aparecerá na página.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Japis Br 05.06.17 14:33

Então pode encerrar o tópico, e mais uma vez muito obrigado Kyo Panda !
Japis Br

Japis Br
**

Membro desde : 14/01/2017
Mensagens : 71
Pontos : 107

http://barao.livreforum.com

Ir para o topo Ir para baixo

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

Mensagem por Kyo Panda 05.06.17 14:37

o/

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

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