Adicionar botão no SCEditor
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Adicionar botão no SCEditor
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>'
);
});
Re: Adicionar botão no SCEditor
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
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
Re: Adicionar botão no SCEditor
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.
Re: Adicionar botão no SCEditor
Tópico resolvidoTópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão. |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Tópicos semelhantes
» Adicionar bbcode no sceditor
» Adicionar novos botões no SCEditor
» Adicionar um novo botão no SCeditor
» Adicionar um botão do Spotify no SCEditor
» Adicionar um botão do Spotify no SCEditor
» Adicionar novos botões no SCEditor
» Adicionar um novo botão no SCeditor
» Adicionar um botão do Spotify no SCEditor
» Adicionar um botão do Spotify no SCEditor
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos