Adicionar novos botões no SCEditor
5 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 novos botões no SCEditor
Detalhes da questão
Endereço do fórum: rhc-forumteste.forumeiros.com/
Versão do fórum: PhpBB3
Descrição
Olá, gostaria de saber como posso adicionar botões para este plug-in:
https://ajuda.forumeiros.com/t99723-plugin-criar-tags-bbcode
Alguém pode me ajudar? :v
Re: Adicionar novos botões no SCEditor
Bom dia!
Por favor, queira usar o sistema de busca antes de criar seu tópico para encontrar questões que já fora feitas com o mesmo assunto!
Queira ver este tutorial: https://ajuda.forumeiros.com/t93902-topic
Atenciosamente,
Shek
Por favor, queira usar o sistema de busca antes de criar seu tópico para encontrar questões que já fora feitas com o mesmo assunto!
Queira ver este tutorial: https://ajuda.forumeiros.com/t93902-topic
Atenciosamente,
Shek
Re: Adicionar novos botões no SCEditor
Ok, agora tem como fazer que somente membros de um específico grupo vejam o novo botão?
Re: Adicionar novos botões no SCEditor
Boa tarde.
Por gentileza, volto a ressaltar que é sempre interessante usar o sistema de busca para encontrar tópicos para sanar sua dúvida. Leia este tópico que encontrei: https://ajuda.forumeiros.com/viewtopic?t=93719&topic_name#637560
Até mais!
Por gentileza, volto a ressaltar que é sempre interessante usar o sistema de busca para encontrar tópicos para sanar sua dúvida. Leia este tópico que encontrei: https://ajuda.forumeiros.com/viewtopic?t=93719&topic_name#637560
Até mais!
Re: Adicionar novos botões no SCEditor
Olá!
Já instalei o plug in do daemon (https://ajuda.forumeiros.com/t99723-plugin-criar-tags-bbcode) no meu fórum, entretanto, notei um bug (eu acho que é bug)...
Normalmente, quando você escreve...
[sucesso="titulo aqui"]mensagem aqui[/sucesso], aparece normalmente,
mas vamos supor que na mensagem, eu queira dar uma quebra de linha...
teria que fazer:
[sucesso="titulo"]Mensagem, bla bla bla bla
ai aqui eu passo para a outra linha...
[/sucesso]
O mesmo acontece quando formata o texto, por exemplo, coloca em itálico, negrito...
O código para de funcionar.
Tem como arrumar?
Re: Adicionar novos botões no SCEditor
Troque seu javascript por este:
E nos diga se resulta sem essas falhas.
Até mais.
- Código:
$(window).load(function() {
var settings = {
img : 'http://2img.net/i/fa/admin/icones/small_ico/configuration.png',
title : 'Moderação'
};
if (_userdata["user_level"] == '1' || _userdata["user_level"] == "2") {
$('.sceditor-group:last').after('<div class="sceditor-group"><a class="sceditor-button sceditor-button-message" title="'+settings["title"]+'"><div style="background:url('+settings["img"]+') no-repeat;"></div></a></div>');
$('body').append('<div id="messageList" style="z-index:15;display:none;position:absolute;background:#fff;border:1px solid #ccc;padding:3px;"><div id="itens_fa" class="listItem" style="cursor:pointer;">MENSAGEM 1</div><div id="M2" class="listItem" style="cursor:pointer;">MENSAGEM 2</div><div id="M3" class="listItem" style="cursor:pointer;">MENSAGEM 3</div></div>');
$('.sceditor-button-message').click(function() {
var display = $('#messageList').css('display');
if (display == 'none') {
var Y = $(this).offset().top;
var X = $(this).offset().left;
$('#messageList').show().offset({top:Y + 25,left:X});
}
else { $('#messageList').hide(); }
});
$('#itens_fa').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 1',''); });
$('#itens_fa').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 2',''); });
$('#itens_fa').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 3',''); });
$('#M2').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 4',''); });
$('#M3').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 5',''); });
$('.listItem').click(function() { $(this).parent().hide(); });
}
});
E nos diga se resulta sem essas falhas.
Até mais.
Re: Adicionar novos botões no SCEditor
Troque o Javascript por este (investimento em todas as paginas):
E adicione esse código em sua folha de estilo css:
Até mais.
- Código:
$(function(){
$(function(){
$('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
});
$('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
});
$('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
});
$('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
});
});
});
E adicione esse código em sua folha de estilo css:
- Código:
/* Novos botões BBcode */
.sucesso, .alerta, .aviso, .infos { padding: 8px 8px 8px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px; } .sucesso { background: url('http://i39.servimg.com/u/f39/18/75/31/38/action10.png') no-repeat 6px #effeb9; border: 1px solid #9ac601; color: #4F8A10; } .alerta { background: url('http://i39.servimg.com/u/f39/18/75/31/38/delete11.png') no-repeat 6px #fccac3; border: 1px solid #db3f23; color: #D8000C; } .aviso { background: url('http://i39.servimg.com/u/f39/18/75/31/38/sign-a10.png') no-repeat 6px #ffeaa9; border: 1px solid #f9b516; color: #9F6000; } .infos { background: url('http://i39.servimg.com/u/f39/18/75/31/38/status10.png') no-repeat 6px #d1e4f3; border: 1px solid #4d8fcb; color: #00529B; }
Até mais.
Re: Adicionar novos botões no SCEditor
Autor, não entendi o que quis dizer com sua mensagem, mas ao clicar em um ícone, automaticamente aparecerá no seu SCeditor o código, é como se fosse você clicar no botão Negrito, aparecerá no SCeditor [.b][/.b] certo? será a mesma coisa.
Essa era sua dúvida?
Até mais.
Essa era sua dúvida?
Até mais.
Re: Adicionar novos botões no SCEditor
É que gostaria de tipo, aquele mesmo menu, sabe?
Que quando clica no botão, aparece: TÍTULO [ ]
TEXTO [ ]
Ai gostaria de completasse da seguinte forma:
No botão de sucesso, por exemplo completaria da seguinte forma:
[sucesso="campo do título"] campo do texto [/sucesso]
No caso de alerta, substituir o "sucesso" por "alerta",
no caso de aviso, substituir por "aviso",
no caso de informação, substituir por "info".
é possivel?
- Menu que aparece ao clicar (spoiler):
Que quando clica no botão, aparece: TÍTULO [ ]
TEXTO [ ]
Ai gostaria de completasse da seguinte forma:
No botão de sucesso, por exemplo completaria da seguinte forma:
[sucesso="campo do título"] campo do texto [/sucesso]
No caso de alerta, substituir o "sucesso" por "alerta",
no caso de aviso, substituir por "aviso",
no caso de informação, substituir por "info".
é possivel?
Re: Adicionar novos botões no SCEditor
Boa noite Luiz,
Eu estou perdido neste tópico. O que deseja exatamente?
Atenciosamente,
Fraise.
Eu estou perdido neste tópico. O que deseja exatamente?
Atenciosamente,
Fraise.
Re: Adicionar novos botões no SCEditor
luuuiiiz escreveu:É que gostaria de tipo, aquele mesmo menu, sabe?
- Menu que aparece ao clicar (spoiler):
Que quando clica no botão, aparece: TÍTULO [ ]
TEXTO [ ]
Ai gostaria de completasse da seguinte forma:
No botão de sucesso, por exemplo completaria da seguinte forma:
[sucesso="campo do título"] campo do texto [/sucesso]
No caso de alerta, substituir o "sucesso" por "alerta",
no caso de aviso, substituir por "aviso",
no caso de informação, substituir por "info".
é possivel?
Isso.
Re: Adicionar novos botões no SCEditor
Se eu tivesse percebido isso, não teria perguntado... Se me expressei mal, eu quis dizer, se você poderia por gentileza explicar o que deseja noutras palavras.
Atenciosamente.
Atenciosamente.
Re: Adicionar novos botões no SCEditor
Ah, me desculpe...
Enfim...
Gostaria de 4 novos botões no SCEditor, conforme mostrado na imagem.
para que, quando forem clicados, aparecer um mini drop down (como na imagem), que conteria dois campos, estes:
TÍTULO e DESCRIÇÃO.
Assim, suponhamos que eu clicasse no primeiro botão (o de sucesso), assim eu iria completar os campos do drop down assim:
Título: Título
Descrição: Isso é a descrição
Assim, iria completar neste código:
[sucesso="Título"]Isso é a descrição[/sucesso]
Ai, teriam mais 3 botões, o de AVISO, o de
ALERTA e o de INFO.
Ai, na hora de completar o código, ficaria:
Para AVISO:
[aviso="Título"]Isso é a descrição[/aviso]
Para ALERTA:
[alerta="Título"]Isso é a descrição[/alerta]
Para INFO:
[info="Título"]Isso é a descrição[/info]
Vale lembrar que essas tags são do plug in do Daemon, e que o modelo seria:
[TAG="TÍTULO"]DESCRIÇÃO[/TAG]
Também gostaria que apenas os ADMINISTRADORES do fórum, pudessem ter acesso à ver os botões.
Moderadores, membros e outros não.
Enfim...
Gostaria de 4 novos botões no SCEditor, conforme mostrado na imagem.
para que, quando forem clicados, aparecer um mini drop down (como na imagem), que conteria dois campos, estes:
TÍTULO e DESCRIÇÃO.
Assim, suponhamos que eu clicasse no primeiro botão (o de sucesso), assim eu iria completar os campos do drop down assim:
Título: Título
Descrição: Isso é a descrição
Assim, iria completar neste código:
[sucesso="Título"]Isso é a descrição[/sucesso]
Ai, teriam mais 3 botões, o de AVISO, o de
ALERTA e o de INFO.
Ai, na hora de completar o código, ficaria:
Para AVISO:
[aviso="Título"]Isso é a descrição[/aviso]
Para ALERTA:
[alerta="Título"]Isso é a descrição[/alerta]
Para INFO:
[info="Título"]Isso é a descrição[/info]
Vale lembrar que essas tags são do plug in do Daemon, e que o modelo seria:
[TAG="TÍTULO"]DESCRIÇÃO[/TAG]
Também gostaria que apenas os ADMINISTRADORES do fórum, pudessem ter acesso à ver os botões.
Moderadores, membros e outros não.
Re: Adicionar novos botões no SCEditor
Ok. Desculpe minha arrogância.
Crie um novo JavaScript utilizando este código investido em todas as páginas:
Atenciosamente,
Fraise
Crie um novo JavaScript utilizando este código investido em todas as páginas:
- Código:
$(document).on('ready', function() {
if (!$.sceditor) return;
var add_BBCode = {
'quadrado': {
drop: 1,
imagem: 'http://i.imgur.com/Q2pKUiL.png',
titulo: 'Quadrado'
},
'sucesso': {
drop: 1,
imagem: 'http://i.imgur.com/EISZPwN.png',
titulo: 'Sucesso'
},
'alerta': {
drop: 1,
imagem: 'http://i.imgur.com/cI8SnOI.png',
titulo: 'Alerta'
},
'aviso': {
drop: 1,
imagem: 'http://i.imgur.com/lMsD0nE.png',
titulo: 'Aviso'
},
'infos': {
drop: 1,
imagem: 'http://i.imgur.com/40zM1qS.png',
titulo: 'Informação'
},
'guest': {
drop: 0,
imagem: 'http://i.imgur.com/0jaJsoB.png',
titulo: 'Esconder de visitantes'
},
'codebox': {
drop: 0,
imagem: 'http://imgur.com/dm3jrsU.png',
titulo: 'Codebox'
},
'poll': {
drop: 0,
imagem: 'http://i.imgur.com/WL16QyZ.png',
titulo: 'Secreto'
}
};
var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + ' <div>' + ' <label unselectable="on">Título</label>' + ' <input type="text" id="drop_valTitle" />' + ' </div>' + ' <div>' + ' <label unselectable="on">Texto</label>' + ' <input type="text" id="drop_valContent" />' + ' </div>' + ' <div>' + ' <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + ' </div>' + '</div>';
$('body').append(newDrop);
$.each(add_BBCode, function(key, val) {
bbcode = key;
imagem = val.imagem;
titulo = val.titulo;
drop = val.drop;
if (drop == 0) {
func = 'addBBCode_noDrop(this)'
} else if (drop == 1) {
func = 'toggleDropbox(this)'
}
$('.sceditor-button-quote').before($('<a>', {
id: bbcode,
class: 'sceditor-button sceditor-button-' + bbcode,
title: titulo,
onclick: func
}).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>'))
})
});
function toggleDropbox(bs) {
var box = $('.sceditor-drop');
var newId = $(bs).attr('id');
var currentId = box.attr('id');
box.attr('id', newId);
if (box.is(':visible') && newId == currentId) {
box.hide()
} else if (!box.is(':visible')) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
} else if (box.is(':visible') && newId != currentId) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
}
};
function addBBCode_drop() {
var box = $('.sceditor-drop');
var tag = box.attr('id');
var titulo = box.find('#drop_valTitle').val();
var texto = box.find('#drop_valContent').val();
var editor = $('#text_editor_textarea').sceditor('instance');
if (titulo.length == 0 && texto.length > 0) {
editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
} else if (texto.length == 0 && titulo.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
} else if (titulo.length > 0 && texto.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
} else if (titulo.length == 0 && texto.length == 0) {
editor.insert('[' + tag + ']', '[/' + tag + ']')
}
box.find('input[type="text"]').val('');
box.hide()
};
function addBBCode_noDrop(bs) {
var tag = $(bs).attr('id');
$('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};
Atenciosamente,
Fraise
Re: Adicionar novos botões no SCEditor
Fraise, eu sei uma editada...
Ficou 99% perfeito... só faltou uma coisinha...
O código editado ficou:
O único problema é que todos tem autorização para visualizar.
Tem como fazer com que somente membros com acesso ao Painel de Controle possam ver estes botões no SCEditor?
Obrigado desde já
Ficou 99% perfeito... só faltou uma coisinha...
O código editado ficou:
- Código:
$(document).on('ready', function() {
if (!$.sceditor) return;
var add_BBCode = {
'sucesso': {
drop: 1,
imagem: 'http://i.imgur.com/EISZPwN.png',
titulo: 'Sucesso'
},
'alerta': {
drop: 1,
imagem: 'http://i.imgur.com/cI8SnOI.png',
titulo: 'Alerta'
},
'aviso': {
drop: 1,
imagem: 'http://i.imgur.com/lMsD0nE.png',
titulo: 'Aviso'
},
'info': {
drop: 1,
imagem: 'http://i.imgur.com/40zM1qS.png',
titulo: 'Informação'
}
};
var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + ' <div>' + ' <label unselectable="on">Título</label>' + ' <input type="text" id="drop_valTitle" />' + ' </div>' + ' <div>' + ' <label unselectable="on">Texto</label>' + ' <input type="text" id="drop_valContent" />' + ' </div>' + ' <div>' + ' <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + ' </div>' + '</div>';
$('body').append(newDrop);
$.each(add_BBCode, function(key, val) {
bbcode = key;
imagem = val.imagem;
titulo = val.titulo;
drop = val.drop;
if (drop == 0) {
func = 'addBBCode_noDrop(this)'
} else if (drop == 1) {
func = 'toggleDropbox(this)'
}
$('.sceditor-button-quote').before($('<a>', {
id: bbcode,
class: 'sceditor-button sceditor-button-' + bbcode,
title: titulo,
onclick: func
}).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>'))
})
});
function toggleDropbox(bs) {
var box = $('.sceditor-drop');
var newId = $(bs).attr('id');
var currentId = box.attr('id');
box.attr('id', newId);
if (box.is(':visible') && newId == currentId) {
box.hide()
} else if (!box.is(':visible')) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
} else if (box.is(':visible') && newId != currentId) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
}
};
function addBBCode_drop() {
var box = $('.sceditor-drop');
var tag = box.attr('id');
var titulo = box.find('#drop_valTitle').val();
var texto = box.find('#drop_valContent').val();
var editor = $('#text_editor_textarea').sceditor('instance');
if (titulo.length == 0 && texto.length > 0) {
editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
} else if (texto.length == 0 && titulo.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
} else if (titulo.length > 0 && texto.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
} else if (titulo.length == 0 && texto.length == 0) {
editor.insert('[' + tag + ']', '[/' + tag + ']')
}
box.find('input[type="text"]').val('');
box.hide()
};
function addBBCode_noDrop(bs) {
var tag = $(bs).attr('id');
$('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};
O único problema é que todos tem autorização para visualizar.
Tem como fazer com que somente membros com acesso ao Painel de Controle possam ver estes botões no SCEditor?
Obrigado desde já
Última edição por luuuiiiz em 15.09.16 3:00, editado 1 vez(es)
Re: Adicionar novos botões no SCEditor
Certo, troque por este:
Atenciosamente,
Fraise.
- Código:
$(document).on('ready', function() {
if (!$.sceditor) return;
var add_BBCode = {
'sucesso': {
drop: 1,
imagem: 'http://i.imgur.com/EISZPwN.png',
titulo: 'Sucesso'
},
'alerta': {
drop: 1,
imagem: 'http://i.imgur.com/cI8SnOI.png',
titulo: 'Alerta'
},
'aviso': {
drop: 1,
imagem: 'http://i.imgur.com/lMsD0nE.png',
titulo: 'Aviso'
},
'info': {
drop: 1,
imagem: 'http://i.imgur.com/40zM1qS.png',
titulo: 'Informação'
}
};
var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + ' <div>' + ' <label unselectable="on">Título</label>' + ' <input type="text" id="drop_valTitle" />' + ' </div>' + ' <div>' + ' <label unselectable="on">Texto</label>' + ' <input type="text" id="drop_valContent" />' + ' </div>' + ' <div>' + ' <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + ' </div>' + '</div>';
if (_userdata["user_level"] > 0)
$('body').append(newDrop);
$.each(add_BBCode, function(key, val) {
bbcode = key;
imagem = val.imagem;
titulo = val.titulo;
drop = val.drop;
if (drop == 0) {
func = 'addBBCode_noDrop(this)'
} else if (drop == 1) {
func = 'toggleDropbox(this)'
}
$('.sceditor-button-quote').before($('<a>', {
id: bbcode,
class: 'sceditor-button sceditor-button-' + bbcode,
title: titulo,
onclick: func
}).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>')) }
})
});
function toggleDropbox(bs) {
var box = $('.sceditor-drop');
var newId = $(bs).attr('id');
var currentId = box.attr('id');
box.attr('id', newId);
if (box.is(':visible') && newId == currentId) {
box.hide()
} else if (!box.is(':visible')) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
} else if (box.is(':visible') && newId != currentId) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
}
};
function addBBCode_drop() {
var box = $('.sceditor-drop');
var tag = box.attr('id');
var titulo = box.find('#drop_valTitle').val();
var texto = box.find('#drop_valContent').val();
var editor = $('#text_editor_textarea').sceditor('instance');
if (titulo.length == 0 && texto.length > 0) {
editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
} else if (texto.length == 0 && titulo.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
} else if (titulo.length > 0 && texto.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
} else if (titulo.length == 0 && texto.length == 0) {
editor.insert('[' + tag + ']', '[/' + tag + ']')
}
box.find('input[type="text"]').val('');
box.hide()
};
function addBBCode_noDrop(bs) {
var tag = $(bs).attr('id');
$('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};
Atenciosamente,
Fraise.
Re: Adicionar novos botões no SCEditor
Troque o código js por este:
Até mais.
- Código:
$(document).on('ready', function() {
if (_userdata.user_level >= 1) {
if (!$.sceditor) return;
var add_BBCode = {
'sucesso': {
drop: 1,
imagem: 'http://i.imgur.com/EISZPwN.png',
titulo: 'Sucesso'
},
'alerta': {
drop: 1,
imagem: 'http://i.imgur.com/cI8SnOI.png',
titulo: 'Alerta'
},
'aviso': {
drop: 1,
imagem: 'http://i.imgur.com/lMsD0nE.png',
titulo: 'Aviso'
},
'info': {
drop: 1,
imagem: 'http://i.imgur.com/40zM1qS.png',
titulo: 'Informação'
}
};
var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + ' <div>' + ' <label unselectable="on">Título</label>' + ' <input type="text" id="drop_valTitle" />' + ' </div>' + ' <div>' + ' <label unselectable="on">Texto</label>' + ' <input type="text" id="drop_valContent" />' + ' </div>' + ' <div>' + ' <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + ' </div>' + '</div>';
$('body').append(newDrop);
$.each(add_BBCode, function(key, val) {
bbcode = key;
imagem = val.imagem;
titulo = val.titulo;
drop = val.drop;
if (drop == 0) {
func = 'addBBCode_noDrop(this)'
} else if (drop == 1) {
func = 'toggleDropbox(this)'
}
$('.sceditor-button-quote').before($('<a>', {
id: bbcode,
class: 'sceditor-button sceditor-button-' + bbcode,
title: titulo,
onclick: func
}).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>'))
})
}});
function toggleDropbox(bs) {
var box = $('.sceditor-drop');
var newId = $(bs).attr('id');
var currentId = box.attr('id');
box.attr('id', newId);
if (box.is(':visible') && newId == currentId) {
box.hide()
} else if (!box.is(':visible')) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
} else if (box.is(':visible') && newId != currentId) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
}
};
function addBBCode_drop() {
var box = $('.sceditor-drop');
var tag = box.attr('id');
var titulo = box.find('#drop_valTitle').val();
var texto = box.find('#drop_valContent').val();
var editor = $('#text_editor_textarea').sceditor('instance');
if (titulo.length == 0 && texto.length > 0) {
editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
} else if (texto.length == 0 && titulo.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
} else if (titulo.length > 0 && texto.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
} else if (titulo.length == 0 && texto.length == 0) {
editor.insert('[' + tag + ']', '[/' + tag + ']')
}
box.find('input[type="text"]').val('');
box.hide()
};
function addBBCode_noDrop(bs) {
var tag = $(bs).attr('id');
$('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};
Até mais.
Re: Adicionar novos botões no SCEditor
Você substituiu o código por acaso? Tens que trocar o código que estais utilizando por esse:
Somente os administradores e moderadores podem visualizar o botão no SCeditor.
Até mais.
- Código:
$(document).on('ready', function() {
if (_userdata.user_level >= 1) {
if (!$.sceditor) return;
var add_BBCode = {
'sucesso': {
drop: 1,
imagem: 'http://i.imgur.com/EISZPwN.png',
titulo: 'Sucesso'
},
'alerta': {
drop: 1,
imagem: 'http://i.imgur.com/cI8SnOI.png',
titulo: 'Alerta'
},
'aviso': {
drop: 1,
imagem: 'http://i.imgur.com/lMsD0nE.png',
titulo: 'Aviso'
},
'info': {
drop: 1,
imagem: 'http://i.imgur.com/40zM1qS.png',
titulo: 'Informação'
}
};
var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + ' <div>' + ' <label unselectable="on">Título</label>' + ' <input type="text" id="drop_valTitle" />' + ' </div>' + ' <div>' + ' <label unselectable="on">Texto</label>' + ' <input type="text" id="drop_valContent" />' + ' </div>' + ' <div>' + ' <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + ' </div>' + '</div>';
$('body').append(newDrop);
$.each(add_BBCode, function(key, val) {
bbcode = key;
imagem = val.imagem;
titulo = val.titulo;
drop = val.drop;
if (drop == 0) {
func = 'addBBCode_noDrop(this)'
} else if (drop == 1) {
func = 'toggleDropbox(this)'
}
$('.sceditor-button-quote').before($('<a>', {
id: bbcode,
class: 'sceditor-button sceditor-button-' + bbcode,
title: titulo,
onclick: func
}).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>'))
})
}});
function toggleDropbox(bs) {
var box = $('.sceditor-drop');
var newId = $(bs).attr('id');
var currentId = box.attr('id');
box.attr('id', newId);
if (box.is(':visible') && newId == currentId) {
box.hide()
} else if (!box.is(':visible')) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
} else if (box.is(':visible') && newId != currentId) {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
}
};
function addBBCode_drop() {
var box = $('.sceditor-drop');
var tag = box.attr('id');
var titulo = box.find('#drop_valTitle').val();
var texto = box.find('#drop_valContent').val();
var editor = $('#text_editor_textarea').sceditor('instance');
if (titulo.length == 0 && texto.length > 0) {
editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
} else if (texto.length == 0 && titulo.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
} else if (titulo.length > 0 && texto.length > 0) {
editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
} else if (titulo.length == 0 && texto.length == 0) {
editor.insert('[' + tag + ']', '[/' + tag + ']')
}
box.find('input[type="text"]').val('');
box.hide()
};
function addBBCode_noDrop(bs) {
var tag = $(bs).attr('id');
$('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};
Somente os administradores e moderadores podem visualizar o botão no SCeditor.
Até mais.
Re: Adicionar novos botões no SCEditor
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Adicionar botão no SCEditor
» Adicionar bbcode no sceditor
» Adicionar um botão do Spotify no SCEditor
» Adicionar icones font-awesome no SCeditor
» Adicionar novo botão no SCEditor
» Adicionar bbcode no sceditor
» Adicionar um botão do Spotify no SCEditor
» Adicionar icones font-awesome no SCeditor
» Adicionar novo botão 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