[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?

Código:

<marquee>Sua mensagem aqui</marquee>

Shek escreveu:Atualização:
- Versão: 1.3 (Código atualizado para versão 1.3)

Queiram comentar o plugin disponível.

JScript escreveu:@Daemon
Está ficando muito bom, porém bem avançado para membros mais leigos...  

JS

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

Código:

[sucesso="titulo"]conteúdo[/suceso]

Código:

[sucesso="titulo"]

Código:

sucesso: {
    close: true,
    replacement: '<div class="success"><p>{ATTR}</p>{CONTENT}</div>'
}

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

Rick22 escreveu:já funciona para versão do forum phbb3 ?

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

Mirotic escreveu:Como eu faço no ModernBB?

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

Código:

[somente="Daemon, Holkis, Shek"]Conteúdo a ser exibido aqui[/somente]

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

Klanxi escreveu:Mas uma pessoa com o minimo tambem consegue complicar quando alguem desativa os Javascript.

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

Diamante Rosa escreveu:Não tem pra awessome?

Código:

var getPost = $(".postbody, .blog_message");

Código:

var getPost = $(".postbody, .blog_message, .post-content, .block-blogrow-content, .block-review, .block-post, #preview");