Criar BBCode tag customizada
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 • Compartilhe
Criar BBCode tag customizada
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?
Convidado- Convidado
Re: Criar BBCode tag customizada
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'
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
Re: Criar BBCode tag customizada
Olá,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'
Pode ser [lcolor=cor][/lcolor]?
Convidado- Convidado
Re: Criar BBCode tag customizada
Crie uma nova página javascript com revestimento em todas às páginas, com o seguinte código:
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'.
- 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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
Re: Criar BBCode tag customizada
Tem como colocar o enfeite redondo?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'.
Convidado- Convidado
Re: Criar BBCode tag customizada
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
Re: Criar BBCode tag customizada
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
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