Unelte de moderare pentru editorul de mesaje
Pagina 4 din 4 • Distribuiţi
Pagina 4 din 4 • 1, 2, 3, 4
Unelte de moderare pentru editorul de mesaje
Rezumarea primului mesaj :
Salutare tuturor,
Recent, am dezvoltat un instrument pentru editorul de mesaje care permite administratorilor si moderatorilor sa foloseasca un numar nelimitat de texte predefinite.
Demonstratie
Documentatie
Cod javascript
Adaugati in: Panou > Module > HTML & JAVASCRIPT > Gestiunea codurilor javascript > Creati un nou cod JavaScript
Salutare tuturor,
Recent, am dezvoltat un instrument pentru editorul de mesaje care permite administratorilor si moderatorilor sa foloseasca un numar nelimitat de texte predefinite.
Demonstratie
- Imagini:
Documentatie
- Configurarea instrumentului:
- Cod:
var zModConfig = [{
icon: "https://i58.servimg.com/u/f58/11/80/17/98/chat-110.png",
source : "https://cdn.rawgit.com/zeusmaximus/Moderation-tools-for-Forumotion/4a66d49/script.js",
loadCss: true,
fontAwesome: true
}];
Variabila zModConfig este responsabila de configurare instrumentului, aceasta contine:- icon - adresa URL a icon-ului din editorul de mesaje;
- source - adresa URL a codului complet JavaScript;
- loadCss - permite valori true sau false. Valoarea true incarca css-ul prin JavaScript, iar false nu va incarca css-ul. Daca alegeti false va trebui sa adaugati css-ul manual pe forum de aici https://github.com/zeusmaximus/Moderation-tools-for-Forumotion/blob/master/style.css
- fontAwesome - permite valori true sau false. Valoarea true incarca FontAwesome prin JavaScript, iar false nu va incarca fontul. Recomand setarea valorii false daca ati adaugat deja pe forum Font Awesome printr-o alta metoda.
- Adaugarea de categorii noi:
Textele pe care le veti adauga in editor trebuie atribuite unor categorii, variabila zModGroups va ajuta sa faceti asta:- id - orice numar natural;
- name - numele categoriei de afisat in editor.
var zModGroups = [
];
Intre cele doua paranteze patrate adaugati:- Cod:
{
id: 0,
name: 'Grup 1'
},
Daca spre exemplu dorim sa adaugam 5 categorii, codul va arata astfel:- Cod:
var zModGroups = [{
id: 0,
name: 'Grup 1'
},
{
id: 1,
name: 'Grup 2'
},
{
id: 2,
name: 'Grup 3'
},
{
id: 3,
name: 'Grup 4'
},
{
id: 4,
name: 'Grup 5'
}];
- id - orice numar natural;
- Adaugarea de tabele noi:
Cu ajutorul variabilei zModTabels puteti defini cate tabele doriti, aceasta contine:- type - reprezinta denumirea tabelului;
- body_start - deschiderea tag-urilor BBCode si/sau HTML;
- body_end - inchiderea tag-urilor BBCode si/sau HTML.
var zModTabels = [
];
Intre cele doua paranteze patrate ale acestei variabile adaugati:- Cod:
{
type: "bold",
body_start: '[b]',
body_end: "[/b]"
},
Repetati procedura pana obtineti numarul dorit de tabele. Pentru ultimul tabel din paranteza nu este necesara virgula de la final.- type - reprezinta denumirea tabelului;
- Adaugarea de texte noi:
Textele se adauga prin variabila zModMessages.
name - numele textului de predefinit;
message - textul predefinit care va fi inserat in editor;
group_id - id-ul categoriei. este dependenta de variabila zModGroups;
type - numele tabelului dorit. este dependenta de variabila zModTabels.
var zModMessages. = [
];
Intre cele doua paranteze patrate adaugati:- Cod:
{
name: "Numele textului tau",
message: 'Salut !\n Acesta este textul meu predefinit.',
group_id: 0,
type: "bold"
},
Repetati procedura pana obtineti numarul dorit de texte predefinite. Pentru ultima categorie din paranteza nu este necesara virgula de la final.
Cod javascript
Adaugati in: Panou > Module > HTML & JAVASCRIPT > Gestiunea codurilor javascript > Creati un nou cod JavaScript
- Titlu: Unelte de moderare pentru editorul de mesaje
- Amplasare: Toate paginile
- Cod:
- Cod:
/**
* Title : Forumotion tools for moderation
* Version : 1.0.2
* Author : Zeus
* Author URI : http://help.forumgratuit.ro
* License : GNU - General Public License v3.0
* Documentation : https://github.com/zeusmaximus/Moderation-tools-for-Forumotion/
* Last update : May 28, 2017 at 16:03
*/
var zModConfig = [{
icon: "https://i58.servimg.com/u/f58/11/80/17/98/chat-110.png",
source : "https://cdn.rawgit.com/zeusmaximus/Moderation-tools-for-Forumotion/4a66d49/script.js",
loadCss: true,
fontAwesome: true
}];
var zModTabels = [{
type: "zalert",
body_start: '[table class="zmod_box zalert"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-exclamation-circle"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
},
{
type: "zsuccess",
body_start: '[table class="zmod_box zsuccess"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-check"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
},
{
type: "zdefault",
body_start: '[table class="zmod_box zdefault"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-rocket"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
},
{
type: "zwarning",
body_start: '[table class="zmod_box zwarning"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-exclamation-triangle"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
},
{
type: "zinfo",
body_start: '[table class="zmod_box zinfo"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-info"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
}
];
var zModMessages = [{
name: "Alert example",
message: '[b]Alert[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 0,
type: "zalert"
},
{
name: "Success example",
message: '[b]Success[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 0,
type: "zsuccess"
},
{
name: "Default example",
message: '[b]Default[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 1,
type: "zdefault"
},
{
name: "Warning example",
message: '[b]Warning[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 1,
type: "zwarning"
},
{
name: "Info example",
message: '[b]Info[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 1,
type: "zinfo"
}
];
var zModGroups = [{
id: 0,
name: 'Administrators'
},
{
id: 1,
name: 'Moderators'
}
];
$.getScript( zModConfig[0].source, function(textStatus) {
console.log( "zModStatus:" + textStatus);
});
Re: Unelte de moderare pentru editorul de mesaje
Pe asta :
- Cod:
/**
* Title : Forumotion tools for moderation
* Version : 1.0.2
* Author : Zeus
* Author URI : http://help.forumgratuit.ro
* License : GNU - General Public License v3.0
* Documentation : https://github.com/zeusmaximus/Moderation-tools-for-Forumotion/
* Last update : May 28, 2017 at 16:03
*/
var zModConfig = [{
icon: "https://i58.servimg.com/u/f58/11/80/17/98/chat-110.png",
source : "https://cdn.rawgit.com/zeusmaximus/Moderation-tools-for-Forumotion/4a66d49/script.js",
loadCss: true,
fontAwesome: true
}];
var zModTabels = [{
type: "zalert",
body_start: '[table class="zmod_box zalert"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-exclamation-circle"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
},
{
type: "zsuccess",
body_start: '[table class="zmod_box zsuccess"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-check"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
},
{
type: "zdefault",
body_start: '[table class="zmod_box zdefault"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-rocket"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
},
{
type: "zwarning",
body_start: '[table class="zmod_box zwarning"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-exclamation-triangle"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
},
{
type: "zinfo",
body_start: '[table class="zmod_box zinfo"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-info"][/icon][div]',
body_end: "[/div][/td][/tr][/table]\n\n"
}
];
var zModMessages = [{
name: "Alert example",
message: '[b]Alert[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 0,
type: "zalert"
},
{
name: "Success example",
message: '[b]Success[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 0,
type: "zsuccess"
},
{
name: "Default example",
message: '[b]Default[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 1,
type: "zdefault"
},
{
name: "Warning example",
message: '[b]Warning[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 1,
type: "zwarning"
},
{
name: "Info example",
message: '[b]Info[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
group_id: 1,
type: "zinfo"
}
];
var zModGroups = [{
id: 0,
name: 'Administrators'
},
{
id: 1,
name: 'Moderators'
}
];
$.getScript( zModConfig[0].source, function(textStatus) {
console.log( "zModStatus:" + textStatus);
});
Re: Unelte de moderare pentru editorul de mesaje
Asta o aveam deja activata!Lucifer a scris:Seteaza ca in imaginea de mai jos :
Stiam doar ce face! Activeaza codurile
Re: Unelte de moderare pentru editorul de mesaje
Buna ziua , acel cod nu mai este functional urmati pasii de mai jos :
CSS:
Cod HTML:
Previzualizare :
CSS:
- Cod:
.error_bbc, .warning_bbc, .okay_bbc, .info_bbc, .comet_bbc, .nucler_bbc, .note_bbc {
margin-bottom: 1.5em;
padding: 1em 1.5em 1em 5.5em;
border-bottom: 2px solid #fff;
border-radius: 10px 10px 10px 10px;
border: 2px solid #fff;
color: #444
}
.error_bbc {background: #fbe3e4 url(http://i48.servimg.com/u/f48/15/98/03/89/error10.gif) 2.2em center no-repeat; border-color: #e0011b}
.error_bbc a {color: #d12f19}
.warning_bbc {background: #fff6bf url(http://i48.servimg.com/u/f48/15/98/03/89/warnin10.gif) 2.2em center no-repeat; border-color: #ffd324}
.warning_bbc a {color: #817134}
.okay_bbc {background: #e9ffdd url(http://i48.servimg.com/u/f48/15/98/03/89/okay10.gif) 2.2em center no-repeat; border-color: #72c868}
.okay_bbc a {color: #529214}
.info_bbc {background: #e2ecee url(http://i48.servimg.com/u/f48/15/98/03/89/info10.gif) 2.2em center no-repeat; border-color: #3474F4}
.info_bbc a {color: #2d7ba2}
.comet_bbc {background: #e7b3ff url(http://i48.servimg.com/u/f48/15/98/03/89/commen10.png) 2.2em center no-repeat; border-color: #a034f4}
.comet_bbc a {color: #7a2da2}
.nucler_bbc {background: #fff4e5 url(http://i48.servimg.com/u/f48/15/98/03/89/nuclea10.png) 2.2em center no-repeat; border-color: #f4bc34}
.nucler_bbc a {color: #a2752d}
.note_bbc {background: #e5faff url(http://i48.servimg.com/u/f48/15/98/03/89/note11.png) 2.2em center no-repeat; border-color: #34cef4}
.note_bbc a {color: #2d88a2}
Cod HTML:
- Cod:
<div class="okay_bbc">Text</div>
<div class="warning_bbc">Text</div>
<div class="info_bbc">Text</div>
<div class="error_bbc">Text</div>
<div class="comet_bbc"> Text</div>
<div class="note_bbc"> Text</div>
<div class="nucler_bbc"> Text</div>
Previzualizare :
Re: Unelte de moderare pentru editorul de mesaje
Lucifer a scris:Buna ziua , acel cod nu mai este functional urmati pasii de mai jos :
CSS:
- Cod:
.error_bbc, .warning_bbc, .okay_bbc, .info_bbc, .comet_bbc, .nucler_bbc, .note_bbc {
margin-bottom: 1.5em;
padding: 1em 1.5em 1em 5.5em;
border-bottom: 2px solid #fff;
border-radius: 10px 10px 10px 10px;
border: 2px solid #fff;
color: #444
}
.error_bbc {background: #fbe3e4 url(http://i48.servimg.com/u/f48/15/98/03/89/error10.gif) 2.2em center no-repeat; border-color: #e0011b}
.error_bbc a {color: #d12f19}
.warning_bbc {background: #fff6bf url(http://i48.servimg.com/u/f48/15/98/03/89/warnin10.gif) 2.2em center no-repeat; border-color: #ffd324}
.warning_bbc a {color: #817134}
.okay_bbc {background: #e9ffdd url(http://i48.servimg.com/u/f48/15/98/03/89/okay10.gif) 2.2em center no-repeat; border-color: #72c868}
.okay_bbc a {color: #529214}
.info_bbc {background: #e2ecee url(http://i48.servimg.com/u/f48/15/98/03/89/info10.gif) 2.2em center no-repeat; border-color: #3474F4}
.info_bbc a {color: #2d7ba2}
.comet_bbc {background: #e7b3ff url(http://i48.servimg.com/u/f48/15/98/03/89/commen10.png) 2.2em center no-repeat; border-color: #a034f4}
.comet_bbc a {color: #7a2da2}
.nucler_bbc {background: #fff4e5 url(http://i48.servimg.com/u/f48/15/98/03/89/nuclea10.png) 2.2em center no-repeat; border-color: #f4bc34}
.nucler_bbc a {color: #a2752d}
.note_bbc {background: #e5faff url(http://i48.servimg.com/u/f48/15/98/03/89/note11.png) 2.2em center no-repeat; border-color: #34cef4}
.note_bbc a {color: #2d88a2}
Cod HTML:
- Cod:
<div class="okay_bbc">Text</div>
<div class="warning_bbc">Text</div>
<div class="info_bbc">Text</div>
<div class="error_bbc">Text</div>
<div class="comet_bbc"> Text</div>
<div class="note_bbc"> Text</div>
<div class="nucler_bbc"> Text</div>
Previzualizare :
Stii ceva?
#RESPECT
A mers!
Re: Unelte de moderare pentru editorul de mesaje
Doar o mică actualizare a acestui instrument pentru editorul de mesaje, având în vedere că autorul original și-a șters profil-ul de github și toată munca sa, acum acest instrument și cu codurile necesare pot fii găsite în link-urile de mai jos:
Forumul Forumurilor Regulile Forumgratuit | Tutoriale | FAQ | Recuperarea parolei pentru forum și unelte |
*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Pagina 4 din 4 • 1, 2, 3, 4
Subiecte similare
» UNELTE DE MODERARE PENTRU EDITORUL DE MESAJE
» Editorul de mesaje
» Editorul pentru mesaje nu apare
» Twitter Emoji in editorul de mesaje
» Problemă la adăugarea emoji-urilor în editorul de mesaje
» Editorul de mesaje
» Editorul pentru mesaje nu apare
» Twitter Emoji in editorul de mesaje
» Problemă la adăugarea emoji-urilor în editorul de mesaje
Pagina 4 din 4
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum