Aktualny czas: 07.09.2010, 16:17 Witaj! (LogowanieRejestracja)


Dyskusja (1)nowe przyciski w edytorze posta - jak je dodac
Nowe przyciski w edytorze posta - jak je dodać

Artykuł opisuje jak dodać nowe przyciski do edytora posta.



Pliki do edycji:
  • editor.js
  • functions.php
  • global_lang.php
  • stylesheet.css
Przed przystąpieniem do pracy upewnimy się że mamy ustawione mycode, do którego chcemy dodać przycisk.

Otwieramy plik editor.js
Szukamy:
Kod:
// Create our new text area
Przed tym dodajemy:
Kod:
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}
    ]
});
Szukamy:
Kod:
subtract = 16;
Zamieniamy na:
Kod:
subtract = 40;

Otwieramy plik functions.php

Szukamy:
Kod:
"editor_title_close_tags",
Po tym dodajemy:
Kod:
"editor_title_flash",
                  "editor_title_video",
                  "editor_title_quick",
                  "editor_title_stream",

Otwieramy plik global_lang.php
Szukamy:
Kod:
$l['editor_title_close_tags'] = "Close any open MyCode tags that you currently have open";
Po tym dodajemy:
Kod:
$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";

Otwieramy jscripts/editor_themes/*twój styl*/stylesheet.css. Na końcu dodajemy:

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 {
    background: url(images/stream.gif) no-repeat;
}


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

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


Możliwości
Ostatnia zmiana: 10.06.2010, 16:36
Ostatnie zmiany - Wszystkie - Kategorie

Powered by MyBB-Wiki, © 2006-2010 Dragon - Icons

Kontakt | Portal MyBB PL | Wróć do góry | Wróć do forów | Wersja bez grafiki | RSS