Criar BBCode tag customizada

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Criar BBCode tag customizada

Mensagem por Convidado 20.07.18 12:39

Detalhes da questão


Endereço do fórum: http://jogosemaisjogos.forumeiros.com
Versão do fórum: ModernBB

Descrição


Olá, 

Como coloco este enfeite nas letras: http://prntscr.com/k8u4en?
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Criar BBCode tag customizada

Mensagem por tikky 20.07.18 13:11

Olá @Roger123,
Esse efeito foi criado através da bbcode table, porém se você quiser usar no seu quotidiano, esse efeito, posso recomendar usares o criador de BBCodes personalizados, qual a opção que você quer?

Cordialmente,
pedxz

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar BBCode tag customizada

Mensagem por Convidado 20.07.18 14:09

Pedxz escreveu:Olá @Roger123,
Esse efeito foi criado através da bbcode table, porém se você quiser usar no seu quotidiano, esse efeito, posso recomendar usares o criador de BBCodes personalizados, qual a opção que você quer?

Cordialmente,
pedxz

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Olá,

Pode ser [lcolor=cor][/lcolor]?
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Criar BBCode tag customizada

Mensagem por tikky 20.07.18 14:31

Crie uma nova página javascript com revestimento em todas às páginas, com o seguinte código:
Código:
/*
 *  Application: Create New BBCode Tags
 *  Date: 18/05/2018
 *  Version: 1.321052018
 *  Copyright (c) 2018 Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
(function() {
    BBParser = {
        initialize: function() {
            $(function() {
                BBParser.setupBBParser();
            });
        },
        add: [
            /*
            * Note: Add a comma at the end of each new entry
            * '{option}' corresponds to the optional tag title, and '{content}' correspond to the text between the tags
            */
 
          
           {
                tag: 'lcolor',
                close: true,
                replacement: '<span style="background-color:{option};padding: 8px;font-weight: 400;color: white;font-family: Arial;">{content}</span>'
            },



            // Note: Do not add a comma at the end of the last entry
        ],
        // Do not change anything down
        validateTag: function(a) {
            if (!/^\w+$/.test(a)) throw new RangeError("You added an invalid tag: " + a);
        },
        replacers: function(a, b, c) {
            return (a || "").replace(/{option}/g, b || "").replace(/{content}/g, c || "");
        },
        optionReg: /.*?=("|'|)(.*?)\1\]/,
        parsedContent: function(a, b, c) {
            return a.replace(c ? RegExp("(\\[" + b.tag + "[^\\]]*\\])([\\s\\S]*?)\\[/" + b.tag + "]", "g" + (b.insensitive ? "i" : "")) : RegExp("\\[" + b.tag + "[^\\]]*\\]", "g" + (b.insensitive ? "i" : "")), function(d, e, f) {
                c || (e = d);
                e = BBParser.optionReg.test(e) ? e.replace(BBParser.optionReg, "$2") : b.defaultOption;
                if("undefined" !== typeof b.replace) {
                    d = c ? b.replace(e, f) : b.replace(e);
                    "string" === typeof d ? c ? f = d : e = d : d;
                    "object" === typeof d && (e = d.option || e, f = d.content || f);
                }
                return BBParser.replacers(b.replacement, e, f);
            });
        },
        setupBBParser: function() {
            var postContent = $(".entry-content, .blog_message, .postbody .content");
            for (var i = 0, e;(e = postContent[i++]);) {
                for (var j in BBParser.add) {
                    var item = BBParser.add[j];
                    // Validating tag
                    BBParser.validateTag(item.tag);
                    e.innerHTML = BBParser.parsedContent(e.innerHTML, item, item.close);
                }
            }
        }
    };
    BBParser.initialize()
})();

BBCode é:
[lcolor=orange]text[/lcolor]


Atenção o JS passado em cima dá para a criação de multiplas tags!

Cordialmente,
pedxz

Título alterado de 'Enfeite nas letras' para 'Criar BBCode tag customizada'.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar BBCode tag customizada

Mensagem por Convidado 20.07.18 14:34

Pedxz escreveu:Crie uma nova página javascript com revestimento em todas às páginas, com o seguinte código:
Código:
/*
 *  Application: Create New BBCode Tags
 *  Date: 18/05/2018
 *  Version: 1.321052018
 *  Copyright (c) 2018 Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
(function() {
    BBParser = {
        initialize: function() {
            $(function() {
                BBParser.setupBBParser();
            });
        },
        add: [
            /*
            * Note: Add a comma at the end of each new entry
            * '{option}' corresponds to the optional tag title, and '{content}' correspond to the text between the tags
            */
 
          
           {
                tag: 'lcolor',
                close: true,
                replacement: '<span style="background-color:{option};padding: 8px;font-weight: 400;color: white;font-family: Arial;">{content}</span>'
            },



            // Note: Do not add a comma at the end of the last entry
        ],
        // Do not change anything down
        validateTag: function(a) {
            if (!/^\w+$/.test(a)) throw new RangeError("You added an invalid tag: " + a);
        },
        replacers: function(a, b, c) {
            return (a || "").replace(/{option}/g, b || "").replace(/{content}/g, c || "");
        },
        optionReg: /.*?=("|'|)(.*?)\1\]/,
        parsedContent: function(a, b, c) {
            return a.replace(c ? RegExp("(\\[" + b.tag + "[^\\]]*\\])([\\s\\S]*?)\\[/" + b.tag + "]", "g" + (b.insensitive ? "i" : "")) : RegExp("\\[" + b.tag + "[^\\]]*\\]", "g" + (b.insensitive ? "i" : "")), function(d, e, f) {
                c || (e = d);
                e = BBParser.optionReg.test(e) ? e.replace(BBParser.optionReg, "$2") : b.defaultOption;
                if("undefined" !== typeof b.replace) {
                    d = c ? b.replace(e, f) : b.replace(e);
                    "string" === typeof d ? c ? f = d : e = d : d;
                    "object" === typeof d && (e = d.option || e, f = d.content || f);
                }
                return BBParser.replacers(b.replacement, e, f);
            });
        },
        setupBBParser: function() {
            var postContent = $(".entry-content, .blog_message, .postbody .content");
            for (var i = 0, e;(e = postContent[i++]);) {
                for (var j in BBParser.add) {
                    var item = BBParser.add[j];
                    // Validating tag
                    BBParser.validateTag(item.tag);
                    e.innerHTML = BBParser.parsedContent(e.innerHTML, item, item.close);
                }
            }
        }
    };
    BBParser.initialize()
})();

BBCode é:
[lcolor=orange]text[/lcolor]


Atenção o JS passado em cima dá para a criação de multiplas tags!

Cordialmente,
pedxz

Título alterado de 'Enfeite nas letras' para 'Criar BBCode tag customizada'.
Tem como colocar o enfeite redondo?
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Criar BBCode tag customizada

Mensagem por tikky 20.07.18 14:42

Sim têm mude para:
Código:
/*
 *  Application: Create New BBCode Tags
 *  Date: 18/05/2018
 *  Version: 1.321052018
 *  Copyright (c) 2018 Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
(function() {
    BBParser = {
        initialize: function() {
            $(function() {
                BBParser.setupBBParser();
            });
        },
        add: [
            /*
            * Note: Add a comma at the end of each new entry
            * '{option}' corresponds to the optional tag title, and '{content}' correspond to the text between the tags
            */
 
         
          {
                tag: 'lcolor',
                close: true,
                replacement: '<span style="background-color:{option};border-radius: .27rem;padding: 8px;font-weight: 400;color: white;font-family: Arial;">{content}</span>'
            },
 
 
 
            // Note: Do not add a comma at the end of the last entry
        ],
        // Do not change anything down
        validateTag: function(a) {
            if (!/^\w+$/.test(a)) throw new RangeError("You added an invalid tag: " + a);
        },
        replacers: function(a, b, c) {
            return (a || "").replace(/{option}/g, b || "").replace(/{content}/g, c || "");
        },
        optionReg: /.*?=("|'|)(.*?)\1\]/,
        parsedContent: function(a, b, c) {
            return a.replace(c ? RegExp("(\\[" + b.tag + "[^\\]]*\\])([\\s\\S]*?)\\[/" + b.tag + "]", "g" + (b.insensitive ? "i" : "")) : RegExp("\\[" + b.tag + "[^\\]]*\\]", "g" + (b.insensitive ? "i" : "")), function(d, e, f) {
                c || (e = d);
                e = BBParser.optionReg.test(e) ? e.replace(BBParser.optionReg, "$2") : b.defaultOption;
                if("undefined" !== typeof b.replace) {
                    d = c ? b.replace(e, f) : b.replace(e);
                    "string" === typeof d ? c ? f = d : e = d : d;
                    "object" === typeof d && (e = d.option || e, f = d.content || f);
                }
                return BBParser.replacers(b.replacement, e, f);
            });
        },
        setupBBParser: function() {
            var postContent = $(".entry-content, .blog_message, .postbody .content");
            for (var i = 0, e;(e = postContent[i++]);) {
                for (var j in BBParser.add) {
                    var item = BBParser.add[j];
                    // Validating tag
                    BBParser.validateTag(item.tag);
                    e.innerHTML = BBParser.parsedContent(e.innerHTML, item, item.close);
                }
            }
        }
    };
    BBParser.initialize()
})();
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar BBCode tag customizada

Mensagem por Convidado 20.07.18 15:30

Resolvido Feliz
Obrigado!
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Criar BBCode tag customizada

Mensagem por tikky 20.07.18 15:31

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos