Unelte de moderare pentru editorul de mesaje

Pagina 4 din 4 Înapoi  1, 2, 3, 4

Vezi subiectul anterior Vezi subiectul urmator In jos

Unelte de moderare pentru editorul de mesaje

Mesaj Scris de Zeus la data de Dum 28 Mai - 17:35

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
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'
},
Repetati procedura pana obtineti numarul dorit de categorii. Pentru ultima categorie din paranteza nu este necesara virgula de la final.


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

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.


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

avatar
Zeus
Administrator
Administrator

masculin

Mesaje : 4166
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Multumiri : 639
Niciun avertisment

https://github.com/zeusmaximus

Sus In jos


Re: Unelte de moderare pentru editorul de mesaje

Mesaj Scris de Lucifer la data de Mier 30 Aug - 10:36



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);
});
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 547
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 55
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Re: Unelte de moderare pentru editorul de mesaje

Mesaj Scris de DavidJoacaRo la data de Mier 30 Aug - 10:38

Le-am adaugat acum in JavaScript si nu merge!
avatar
DavidJoacaRo
Membru Forumgratuit

masculin

Mesaje : 41
Varsta : 16
Localizare : Romania, Judetul Iasi, Comuna Cotnari, satul Hodora
Data înscrierii : 22/08/2017
Multumiri : 0
1 avertisment

http://gaming-forum.forumgratuit.ro/

Sus In jos

Re: Unelte de moderare pentru editorul de mesaje

Mesaj Scris de Lucifer la data de Mier 30 Aug - 10:40

Seteaza ca in imaginea de mai jos :

avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 547
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 55
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Re: Unelte de moderare pentru editorul de mesaje

Mesaj Scris de DavidJoacaRo la data de Mier 30 Aug - 10:41

@Lucifer a scris:Seteaza ca in imaginea de mai jos  :

Asta o aveam deja activata!
Stiam doar ce face! Activeaza codurile
avatar
DavidJoacaRo
Membru Forumgratuit

masculin

Mesaje : 41
Varsta : 16
Localizare : Romania, Judetul Iasi, Comuna Cotnari, satul Hodora
Data înscrierii : 22/08/2017
Multumiri : 0
1 avertisment

http://gaming-forum.forumgratuit.ro/

Sus In jos

Re: Unelte de moderare pentru editorul de mesaje

Mesaj Scris de Lucifer la data de Mier 30 Aug - 10:59

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 :


avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 547
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 55
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Re: Unelte de moderare pentru editorul de mesaje

Mesaj Scris de DavidJoacaRo la data de Mier 30 Aug - 11:16

@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!  Da Da Da Da Da
avatar
DavidJoacaRo
Membru Forumgratuit

masculin

Mesaje : 41
Varsta : 16
Localizare : Romania, Judetul Iasi, Comuna Cotnari, satul Hodora
Data înscrierii : 22/08/2017
Multumiri : 0
1 avertisment

http://gaming-forum.forumgratuit.ro/

Sus In jos

Pagina 4 din 4 Înapoi  1, 2, 3, 4

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum