Webboard

Pełna wersja: Nowe przyciski w edytorze posta
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam!
Przeglądając forum na mybboard.net natknąłem się na ciekawy tutorial opisujący jak dodawać nowe przyciski w edytorze posta. Dzięki niemu użytkownicy twojego forum nie będą musieli uczyć się na pamięć mycode które wprowadziłeś.

Poziom trudności: Łatwy
Wymagana wersja MyBB: 1.4.x
Na podstawie poradnika: Tutorial: Adding Extra Function Buttons to the
Pliki do edycji:
[*]editor.js
[*]functions.php
[*]global_lang.php
[*]stylesheet.css
Przed przystąpieniem do pracy upewnij się że masz ustawione mycode do którego chcesz dodać przycisk.

Otwórz plik editor.js
Kod:
Znajdź: --------------------------

// Create our new text area

Nad dodaj: ------------------------

this.createToolbar('mytoolbar', {
    container: 'bottom',
    items: [
        {type: 'button', name: 'flash', sprite: 'flash', insert: 'flash', title: this.options.lang.title_flash},
        {type: 'button', name: 'video', sprite: 'video', insert: 'video', title: this.options.lang.title_video},
        {type: 'button', name: 'quick', sprite: 'quick', insert: 'quick', title: this.options.lang.title_quick},
        {type: 'button', name: 'stream', sprite: 'stream', insert: 'stream', title: this.options.lang.title_stream}
    ]
});

Znajdź: --------------------------
subtract = 16;
Zamień na: ------------------------
subtract = 40;

Otwórz plik functions.php

Kod:
Znajdź: -------------------

                 "editor_title_close_tags",

Po tym dodaj: -------------------

                  "editor_title_flash",
                  "editor_title_video",
                  "editor_title_quick",
                  "editor_title_stream",

Otwórz plik global_lang.php

Kod:
Znajdź: ---------------------

$l['editor_title_close_tags'] = "Close any open MyCode tags that you currently have open";

Po tym dodaj: -------------------

$l['editor_title_flash'] = "Add an in-line flash clip";
$l['editor_title_video'] = "Add an in-line video clip";
$l['editor_title_quick'] = "Add an in-line QuickTime video clip";
$l['editor_title_stream'] = "Add in-line streaming";

Otwórz jscripts/editor_themes/*twój styl*/stylesheet.css

Kod:
.messageEditor .toolbar_button .toolbar_sprite_flash {
    background: url(images/flash.gif) no-repeat;
}
.messageEditor .toolbar_button .toolbar_sprite_video {
    background: url(images/video.gif) no-repeat;
}
.messageEditor .toolbar_button .toolbar_sprite_quick {
    background: url(images/quick.gif) no-repeat;
}
.messageEditor .toolbar_button .toolbar_sprite_stream {


Należy pamiętać o dodaniu odpowiednich przycisków graficznych do folderu jscripts/editor_themes/twój styl/images/.

W powyższym tutorialu opisano 4 przykładowe przyciski, jednakże dodawanie kolejnych nie powinno sprawiać użytkownikowi kłopotu.

Pozdrawiam