Jak ułatwić korzystanie z dodatkowego MyCode? Trzeba dodać nowy przycisk w edytorze.

Na samym początku przygotuj sobie grafikę bez tła o rozmiarze 16 x 16 pikseli, która będzie ikonką w edytorze. Przygotowaną ikonkę umieść w katalogu jscripts/editor_themes/default/images oraz jscripts/editor_themes/Office_2007/images. Jeżeli posiadasz jeszcze jakiś edytor ikonkę umieść także w katalogu jscripts/editor_themes/Twój_edytor/images.

Teraz za pomocą klienta FTP pobierz plik jscripts/editor.js, otwórz ten plik(wcześniej robiąc kopie bezpieczeństwa).

Dodatkowy przycisk z pierwszej linii

Aby dodatkowy przycisk wyświetlał się w pierwszej linii, obok przycisku wyboru koloru znajdź kod

205

{type: 'button', name: 'color', insert: 'color', dropdown: true, color_select: true, image: 'color.gif', draw_option: this.drawColorOption, options: this.colors}

i po tym kodzie dodaj kod nowego przycisku

 , {type: 'button', name: 'mycode', sprite: 'mycode', insert: 'mycode', title: 'nazwa MyCode'}

Gdzie jako mycode wstaw Twoje wyrażenie regularne. Przykładowo, jeżeli Twoje wyrażenie regularne jest takie \[flash\](.*?)\[/flash\], to zamiast mycode wpisujesz flash. Jako nazwa MyCode wpisz jakąś nazwę np. dodaj flash. Jeżeli chcesz dodać kolejny przycisk, to po prostu dodaj kod nowego przycisku jeszcze raz i dostosuj kod do swojego MyCode.

Dodatkowy przycisk w dodatkowej linii

Jeżeli chcesz stworzyć nową linię z przyciskami pod przyciskami „pogrubienie”, „kursywa”, itp. musisz w pliku editor.js znaleźć kod

236
237
238

	{type: 'button', name: 'align_justify', sprite: 'align_justify', insert: 'align', extra: 'justify', title: this.options.lang.title_justify}
			]
		});

i po tym kodzie dodaj

 this.createToolbar('mytoolbar', {
    container: 'bottom',
    items: [
    {type: 'button', name: 'mycode', sprite: 'mycode', insert: 'mycode', title: 'nazwa MyCode'}
    ]
});

Kod dostosuj tak jak opisane powyżej.

Jeżeli chcesz dodać kolejny przycisk w nowej linii, to po fragmencje wcześniej dodanego kodu

{type: 'button', name: 'mycode', sprite: 'mycode', insert: 'mycode', title: 'nazwa MyCode'}

dodaj kod

 , {type: 'button', name: 'mycode', sprite: 'mycode', insert: 'mycode', title: 'nazwa MyCode'}

Dodawanie ikonki nowego przycisku

Do plików CSS: jscripts/editor_themes/default/images/stylesheet.css oraz jscripts/editor_themes/Office_2007/images/stylesheet.css dodaj kod

 #.messageEditor .toolbar_button .toolbar_flash_stream {
    background: url(images/flash.gif) no-repeat;
}

Oczywiście zamiast .toolbar_flash_stream wpisz swoje wyrażenie regularne(wytłumaczone powyżej) np. .toolbar_spoiler_stream oraz zamiast flash.gif podaj nazwę swojej ikonki. Jeżeli dodałeś kilka przycisków musisz dodać kilka razy kod CSS.
Jeżeli posiadasz jeszcze jakiś edytor kod dodaj także do jscripts/editor_themes/Twój_edytor/images/stylesheet.css