Adicionar um botão do Spotify no SCEditor

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

Adicionar um botão do Spotify no SCEditor DVwsoIL

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

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.

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...

por Shek 05.06.17 12:56

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

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

por Kyo Panda 05.06.17 13:15

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

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 ....

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

por Japis Br 05.06.17 13:30

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

por Shek 05.06.17 13:32

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

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

Adicionar um botão do Spotify no SCEditor NvRwBRP

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.

por Japis Br 05.06.17 14:33

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

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.

Adicionar um botão do Spotify no SCEditor