Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
[Plugin] Criar tags bbcode
+16
tikky
Mirotic
STBWº
Rick22
Karadruz DL
Luiz
TheDarkPlay
cocas20
Kallahari
Harleen
JrMAFiA
Lima 3005
Rayner
JScript
Shek
Daemon
20 participantes
Página 1 de 2
Página 1 de 2 • 1, 2
[Plugin] Criar tags bbcode
Criar tags BBCode | ||
Este plugin dá a liberdade de criar tags bbcode com suas respectivas substituições em HTML. | ||
Características e aplicação | ||
Criador: @Daemon | ||
Versão: 1.321052018 | ||
Versão: Todas as versões | ||
Resultado da aplicação | ||
Local de instalação | ||
A instalação é única, e pode ser feita apenas criando um novo javascript. Para isso, acesse: Painel de Controle Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo javascript Investimento Em todas as páginas. Acesse o seguinte link para visualizar o código: https://pastebin.com/UXMuRPjJ Este código é para punbb, se você não usa punbb, você precisa substituir na seguinte linha:
Após feito isto, vá até: Painel de controle Visualização Imagens e Cores Cores "Aba" Folha de estilo css, e adicione esse código em sua folha de estilo css:
Exemplo:
Importante: Para criar tags bbcode, leia as notações dentro do código Sugestões de BBCODE
|
Última edição por Daemon em 05.07.18 13:00, editado 36 vez(es)
Re: [Plugin] Criar tags bbcode
Atualização:
- Versão: 1.3 (Código atualizado para versão 1.3)
Queiram comentar o plugin disponível.
- Versão: 1.3 (Código atualizado para versão 1.3)
Queiram comentar o plugin disponível.
Re: [Plugin] Criar tags bbcode
Eu gostei muito, é bem leve e cumpre com o que propõe!
Mas eu enviei uma MP ao @Daemon sobre uns detalhes que podem torná-lo mais flexível...
JS
Mas eu enviei uma MP ao @Daemon sobre uns detalhes que podem torná-lo mais flexível...
JS
Re: [Plugin] Criar tags bbcode
Achei muito legal, mas se eu quiser criar um BBCode que mostre uma imagem qualquer ou colocar um texto rolante, como eu teria que fazer?
Re: [Plugin] Criar tags bbcode
Rayner escreveu:Achei muito legal, mas se eu quiser criar um BBCode que mostre uma imagem qualquer ou colocar um texto rolante, como eu teria que fazer?
Texto rolante:
- Código:
<marquee>Sua mensagem aqui</marquee>
Re: [Plugin] Criar tags bbcode
@Rayner, por gentileza, consulte o FAQ: https://ajuda.forumeiros.com/t384-faq-caixa-de-edicao-de-mensagens Pedimos que não peça suporte aqui, visto que, este sub-fórum é para comentar sobre a funcionalidade do script.
Re: [Plugin] Criar tags bbcode
Já estava uma versão melhor do que a que te enviei por MP, Shek! Este que botei agora está mais curto e fácil de editar!Shek escreveu:Atualização:
- Versão: 1.3 (Código atualizado para versão 1.3)
Queiram comentar o plugin disponível.
Re: [Plugin] Criar tags bbcode
Atualização:
- Versão: 1.4 (Código atualizado para versão 1.4)
Peço que leiam atentamente as novas instruções.
- Versão: 1.4 (Código atualizado para versão 1.4)
Peço que leiam atentamente as novas instruções.
Re: [Plugin] Criar tags bbcode
Será que apenas o básico de substituição das tags já é suficiente? O ruim de um código assim é que o usuário terá sempre de modificá-lo quando quiser adicionar ou editar tags.
Re: [Plugin] Criar tags bbcode
@Daemon
Eu gostei muito mesmo dessa ideia de adicionar novas tags, então se nós podermos nos comunicar a noite, vamos debater sobre um padrão ou forma específica de torná-lo extremamente fácil para todos ok?
Nós podemos e devemos torná-lo avançado, mas ao mesmo tempo fácil de ser modificado,
JS
Eu gostei muito mesmo dessa ideia de adicionar novas tags, então se nós podermos nos comunicar a noite, vamos debater sobre um padrão ou forma específica de torná-lo extremamente fácil para todos ok?
Nós podemos e devemos torná-lo avançado, mas ao mesmo tempo fácil de ser modificado,
JS
Re: [Plugin] Criar tags bbcode
Atualização:
- Versão: 1.5 (Código atualizado para versão 1.5)
Peço que leiam atentamente as novas instruções.
- Versão: 1.5 (Código atualizado para versão 1.5)
Peço que leiam atentamente as novas instruções.
Re: [Plugin] Criar tags bbcode
quote removido!
Fiquei com duvida tem como por imagem ?
Fiquei com duvida tem como por imagem ?
Última edição por JScript em 25.05.15 15:49, editado 1 vez(es) (Motivo da edição : Evite dar quote de forma desnecessária!)
JrMAFiA- ****
- Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638
Re: [Plugin] Criar tags bbcode
Periodicamente, estarei postando sugestões de BBCode no primeiro post. Peço aos utilizadores do código do tutorial, que fiquem sempre atentos à este tópico para futuras novidades.
Foi adicionada uma sugestão de BBCode no primeiro post! Leiam: https://ajuda.forumeiros.com/t99723-plugin-criar-tags-bbcode#687690
Foi adicionada uma sugestão de BBCode no primeiro post! Leiam: https://ajuda.forumeiros.com/t99723-plugin-criar-tags-bbcode#687690
Última edição por Daemon em 04.08.15 1:32, editado 1 vez(es)
Re: [Plugin] Criar tags bbcode
O código foi atualizado, e foi adicionada uma nova sugestão de bbcode dentro do spoiler do primeiro post!
- Versão: 1.9
- Versão: 1.9
Re: [Plugin] Criar tags bbcode
Uma pergunta , não devia haver 4 botões de facil acesso ao bbcode ? ( exemplo " sucesso" ; "Atenção" ; " Alerta" ; " Aviso" ) ?
Re: [Plugin] Criar tags bbcode
Sugestão: Haver 4 botões, "Sucesso","Atenção","Alerta","Aviso", com icones e quando for clicado aparecer um campo escrito "Título" e outro campo escrito "Mensagem"
Se essa sugestão for aceita, o plugin ficará muito bom!!
Se essa sugestão for aceita, o plugin ficará muito bom!!
Re: [Plugin] Criar tags bbcode
TheDarkPlay escreveu:Sugestão: Haver 4 botões, "Sucesso","Atenção","Alerta","Aviso", com icones e quando for clicado aparecer um campo escrito "Título" e outro campo escrito "Mensagem"
Se essa sugestão for aceita, o plugin ficará muito bom!!
Este código serve para criar novas tags, e não inserir novos botões no SCEDITOR. Irei fazer um tutorial para tal função.
Re: [Plugin] Criar tags bbcode
Quando você vai colocar (adicionar) um código desses, o SCEditor já adiciona automaticamente os devidos botões?
Última edição por Luiz em 16.07.17 2:10, editado 1 vez(es)
Re: [Plugin] Criar tags bbcode
Olá!
Por favor, crie uma nova questão para sanar sua dúvida, pois, este espaço é aberto apenas para comentários e não dúvidas.
Até mais!
Por favor, crie uma nova questão para sanar sua dúvida, pois, este espaço é aberto apenas para comentários e não dúvidas.
Até mais!
Re: [Plugin] Criar tags bbcode
Atualização:
O código foi atualizado para a versão 2.0, pois nas versões antigas estava com um pequeno errinho que vim perceber agora pouco.
Também foi adicionado a opção "close", onde você pode optar por tags fechadas, ou não.
close: true -> Exemplo:
close: false -> Exemplo:
E para o pessoal que deseja adicionar botões ao SCEDITOR, segue o tutorial: https://ajuda.forumeiros.com/t100087-addon-criar-botao-no-editor-com-lista-de-comandos
Até a próxima!
O código foi atualizado para a versão 2.0, pois nas versões antigas estava com um pequeno errinho que vim perceber agora pouco.
Também foi adicionado a opção "close", onde você pode optar por tags fechadas, ou não.
close: true -> Exemplo:
- Código:
[sucesso="titulo"]conteúdo[/suceso]
close: false -> Exemplo:
- Código:
[sucesso="titulo"]
E para o pessoal que deseja adicionar botões ao SCEDITOR, segue o tutorial: https://ajuda.forumeiros.com/t100087-addon-criar-botao-no-editor-com-lista-de-comandos
Até a próxima!
Re: [Plugin] Criar tags bbcode
Gostei desse Plugin e tenho uma sugestão para adicionar, um ícone dentro do quadrado colorido da TAG, ele ficaria centralizado e as letras não poderia ficar por cima e nem por baixo dele, apenas serão escritas ao lado dele, assim como na imagem ( http://orig13.deviantart.net/295b/f/2016/305/b/f/iconesemtags_by_diginitrix001-damyctm.png ). Fazendo isso seria possível criar vários tipos diferentes de tags com ícones diferentes, e personalizados caso seja usado em um forum de RPG.
Re: [Plugin] Criar tags bbcode
Você mesmo pode criar essa tag utilizando este tutorial... não é difícil, veja:
Para este exemplo, usaríamos mais ou menos o seguinte na folha de CSS:
Aí você que sabe como gostaria de personalizar sua própria tag.
- Código:
sucesso: {
close: true,
replacement: '<div class="success"><p>{ATTR}</p>{CONTENT}</div>'
}
Para este exemplo, usaríamos mais ou menos o seguinte na folha de CSS:
- Código:
.success {
padding-left: 70px;
background: url(https://cdn3.iconfinder.com/data/icons/flat-actions-icons-9/792/Tick_Mark_Dark-64.png) no-repeat 10px 15px;
}
Aí você que sabe como gostaria de personalizar sua própria tag.
Re: [Plugin] Criar tags bbcode
Este código é funcional em todas as versões!!!Rick22 escreveu:já funciona para versão do forum phbb3 ?
Re: [Plugin] Criar tags bbcode
Se possível, peço que alguém mude o código no post principal:
- Código:
/*
* Criar tags BBCode
* Descrição: Esta aplicação serve para a criação de novas tags bbcode.
* Versão: 2.1
* Autor: Daemon
* Att: 01/03/2017
* Veja mais em: http://ajuda.forumeiros.com
*/
jQuery(document).ready(function($) {
var bbCodes = {
// Nota: Adicione uma vírgula ao final de cada nova entrada
// O '{ATTR}' é correspondente ao 'título' da tag, e o '{CONTENT}' é correspondente ao 'texto' entre as tags
sucesso: {
close: true,
replacement: '<div class="success"><p>{ATTR}</p>{CONTENT}</div>'
},
aviso: {
close: true,
replacement: '<div class="warn"><p>{ATTR}</p>{CONTENT}</div>'
},
info: {
close: true,
replacement: '<div class="information"><p>{ATTR}</p>{CONTENT}</div>'
},
alerta: {
close: true,
replacement: '<div class="alert"><p>{ATTR}</p>{CONTENT}</div>'
},
visitante: {
close: true,
replacement: '<div class="guest">{CONTENT}</div>',
replace: function(content) {
if (_userdata.session_logged_in < 1) {
return "Você precisa estar conectado para visualizar este conteúdo";
return content;
}
}
}
// Nota: Não adicione vírgula ao final da última entrada
};
// Não altere nada daqui para baixo
var getPost = $(".postbody, .blog_message");
var entry;
for (var i = 0, e;
(e = getPost[i++]);) {
entry = $(e);
var re, match;
$.each(bbCodes, function(tag, value) {
re = value.close ? new RegExp("\\[" + tag + "(?:=(\"|'?)([^\\]]+)\\1)?\\]([\\s\\S]*?)\\[/" + tag + "]", "gi") : new RegExp("\\[" + tag + "(?:=(\"|'?)([^\\]]+)\\1)?\\]", "gi");
match = entry.html().match(re);
if (match) {
var content, b, c, as_string, as_func, replacement;
for (var tag in match) {
content = match[tag];
b = "$3";
if (value.replace) {
as_string = value.replace.toString();
as_func = eval('(' + as_string + ')');
if (as_func(content)) b = as_func(content);
}
replacement = value.replacement
.replace(/{ATTR}/g, "$2").replace(/{CONTENT}/g, b);
c = content.replace(re, replacement);
entry.html(entry.html().replace(content, c));
}
}
});
}
});
Última edição por Daemon em 17.07.17 15:54, editado 5 vez(es)
Re: [Plugin] Criar tags bbcode
Está sim funcional em ModernBB.. alterei pouca coisa.. apenas declarando as variáveis como indefinidas antes de serem redeclaradas passando pelos loops.
Re: [Plugin] Criar tags bbcode
O código foi totalmente reformulado, tendo sido atualizado para a versão: 1.321052018
Re: [Plugin] Criar tags bbcode
Olá @Mirotic,Mirotic escreveu:Como eu faço no ModernBB?
O Senhor terá que abrir um tópico de suporte, para que possamos ajudar. Este tópico é restrito a atualizações ou relatos de bugs, sobre o código.
Cordialmente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: [Plugin] Criar tags bbcode
Quanto tempo, hein amigos? Hahah... Passando para avisar que através da ideia de um usuário do FDF americano fiz outro BBCode para implementar no código deste plugin. Ele se chama: "SOMENTE"
Basicamente ele esconde o conteúdo para usuários, menos para aqueles que foram mencionados e administradores.
O código:
Leia a publicação principal para entender como aplicá-lo ao código.
Para utilizar é muito simples, basta seguir o seguinte exemplo:
Caso o usuário seja um dos mencionados ele conseguirá ver o conteúdo, caso contrário será exibida uma mensagem informando que apenas os usuários mencionados podem visualizar.
Saudações!
Basicamente ele esconde o conteúdo para usuários, menos para aqueles que foram mencionados e administradores.
O código:
- Código:
{
tag: 'somente',
close: true,
replacement: '<div class="onlyto">{content}</div>',
replace: function(option, content) {
var myArray = new Array();
// this will return an array with strings "1", "2", etc.
myArray = option.split(",").map(function(el) {
return el.trim();
});
if ($.inArray(_userdata.username, myArray) == -1 && _userdata.user_level != 1) {
return 'Apenas ' + myArray.join(", ").replace(/,([^,]*)$/, ' e $1') + ' pode(m) ver esta mensagem.';
return content;
}
}
}
Leia a publicação principal para entender como aplicá-lo ao código.
Para utilizar é muito simples, basta seguir o seguinte exemplo:
- Código:
[somente="Daemon, Holkis, Shek"]Conteúdo a ser exibido aqui[/somente]
Caso o usuário seja um dos mencionados ele conseguirá ver o conteúdo, caso contrário será exibida uma mensagem informando que apenas os usuários mencionados podem visualizar.
Saudações!
Re: [Plugin] Criar tags bbcode
@Daemon, acho que vale ressaltar que essa não é uma opção para informações que realmente devem ficar escondidas. Qualquer usuário com um mínimo conhecimento de JavaScript há de saber que desativando esse recurso o conteúdo se torna visível. Aliás, pelo próprio código-fonte da página já se pode visualizar o conteúdo.
Eis o problema da falta de uma customização mais rica em ferramentas. Temos que recorrer à soluções inseguras — meras gambiarras
Eis o problema da falta de uma customização mais rica em ferramentas. Temos que recorrer à soluções inseguras — meras gambiarras
Re: [Plugin] Criar tags bbcode
Luiz escreveu:@Daemon, acho que vale ressaltar que essa não é uma opção para informações que realmente devem ficar escondidas. Qualquer usuário com um mínimo conhecimento de JavaScript há de saber que desativando esse recurso o conteúdo se torna visível. Aliás, pelo próprio código-fonte da página já se pode visualizar o conteúdo.
Eis o problema da falta de uma customização mais rica em ferramentas. Temos que recorrer à soluções inseguras — meras gambiarras
Mas uma pessoa com o minimo tambem consegue complicar quando alguem desativa os Javascript.
Re: [Plugin] Criar tags bbcode
Klanxi escreveu:Mas uma pessoa com o minimo tambem consegue complicar quando alguem desativa os Javascript.
Nesse caso, "complicar" não deve jamais ser levado como fator de segurança. Ainda nesse contexto, apenas uma perda de tempo. Aliás, eu não sei como uma pessoa "complicaria" nada aí. Só consigo pensar em HTML e CSS, que também são passíveis de inspeção e manipulação do lado do cliente...
Poderia elaborar mais?
Re: [Plugin] Criar tags bbcode
Luiz escreveu:@Daemon, acho que vale ressaltar que essa não é uma opção para informações que realmente devem ficar escondidas. Qualquer usuário com um mínimo conhecimento de JavaScript há de saber que desativando esse recurso o conteúdo se torna visível. Aliás, pelo próprio código-fonte da página já se pode visualizar o conteúdo.
Eis o problema da falta de uma customização mais rica em ferramentas. Temos que recorrer à soluções inseguras — meras gambiarras
É verdade! Infelizmente a falta de recursos faz com que a gambiarra entre em ação! Kkkkk... Diríamos que é uma função a mais que funciona em parte.
Re: [Plugin] Criar tags bbcode
Olá @Diamante Rosa,
Lembre-se que esta área não serve para suporte!
Atenciosamente,
pedxz.
Deixarei anexado para futuras questões:
Encontre
Lembre-se que esta área não serve para suporte!
Atenciosamente,
pedxz.
Diamante Rosa escreveu:Não tem pra awessome?
Deixarei anexado para futuras questões:
Encontre
- Código:
var getPost = $(".postbody, .blog_message");
- Código:
var getPost = $(".postbody, .blog_message, .post-content, .block-blogrow-content, .block-review, .block-post, #preview");
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Página 1 de 2 • 1, 2
Tópicos semelhantes
» Como utilizar o plugin "Criar Tags BBCodes" na versão ModernBB?
» [Plugin] BBCode galeria de imagens
» Criar tags BBcode
» Criar tags BBcode
» Criar tags BBcode
» [Plugin] BBCode galeria de imagens
» Criar tags BBcode
» Criar tags BBcode
» Criar tags BBcode
Página 1 de 2
Permissões neste sub-fórum
Não podes responder a tópicos