Unelte de moderare pentru editorul de mesaje

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

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 : 4104
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Multumiri : 626
Niciun avertisment

https://github.com/zeusmaximus

Sus In jos

Re: Unelte de moderare pentru editorul de mesaje

Mesaj Scris de Petronel YT la data de Dum 28 Mai - 21:25

Multumim mult !
avatar
Petronel YT
Membru Forumgratuit

masculin

Mesaje : 247
Varsta : 15
Data înscrierii : 21/05/2016
Multumiri : 11
Niciun avertisment

http://craft.forumhi.net/

Sus In jos

Re: Unelte de moderare pentru editorul de mesaje

Mesaj Scris de mihai la data de Lun 29 Mai - 2:48

Mulțumim, și felicitări pentru munca depusă!
avatar
mihai
Membru Forumgratuit

masculin

Mesaje : 383
Varsta : 19
Localizare : Forumgratuit
Data înscrierii : 25/09/2014
Multumiri : 22
2 avertismente

http://wikifg.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum