Wstawianie Textile w komentarzach: Różnice pomiędzy wersjami

Z JoggerWiki
Skocz do: nawigacji, wyszukiwania
(Modyfikacje skryptu)
Linia 15: Linia 15:
  
 
==Modyfikacje skryptu==
 
==Modyfikacje skryptu==
 +
 +
===Pozycja elementów panelu===
 +
 +
Część funkcji jest domyślnie ukryta - można je wyświetlić klikając na przycisk "więcej". Aby zmodyfikować ustawienie przycisków funkcji w panelu, musimy odszukać w skrypcie ich definicje - zaczynają się one od ''edButtons.push'', np.
 +
 +
edButtons.push(
 +
new edButton(
 +
'ed_ul'
 +
,'ul'
 +
,'* '
 +
,''
 +
,''
 +
)
 +
);
 +
 +
Aby dana funkcja panelu była zawsze widoczna (tzn. umieszczona w pierwszej linii), musi być umieszczona przed linijką
 +
 +
var extendedStart = edButtons.length;
  
 
===Zmiana słownika===
 
===Zmiana słownika===

Wersja z 20:26, 6 wrz 2008

O skrypcie

Skrypt umożliwia wstawianie znaczników Textile za pomocą niewielkiego panelu umieszczonego w formularzu komentowania. Dzięki temu komentujący nie musi znać składni, by móc skorzystać z jej funkcji, np. do wstawienia linku, fragmentu kodu czy cytatu.

Dostępne są cztery wersje skryptu, obsługujące Textile i Textile Lite (z obrazkami lub bez). Ich aktualne wersje można pobrać stąd.

Instalacja

  • Wybieramy wersję skryptu stosowną do używanej przez nas składni i umieszczamy ją w katalogu /files/.
  • W sekcji meta szablonu komentarzy umieszczamy odwołanie do skryptu (poniższy przykład dotyczy wersji dla Textile z obrazkami):
<script type="text/javascript" src="/files/qt-textile-img.js"></script>
  • W miejscu, gdzie chcemy wstawić panel umieszczamy następujący kod:
<script type="text/javascript">edToolbar('commbody')</script>

gdzie commbody to identyfikator pola textarea, do którego wpisuje się treść komentarza. Aby panel pojawił się nad polem treści komentarza, kod powinien znaleźć się bezpośrednio przed znacznikiem <textarea />.

Modyfikacje skryptu

Pozycja elementów panelu

Część funkcji jest domyślnie ukryta - można je wyświetlić klikając na przycisk "więcej". Aby zmodyfikować ustawienie przycisków funkcji w panelu, musimy odszukać w skrypcie ich definicje - zaczynają się one od edButtons.push, np.

edButtons.push(

new edButton( 'ed_ul' ,'ul' ,'* ' , , )

);

Aby dana funkcja panelu była zawsze widoczna (tzn. umieszczona w pierwszej linii), musi być umieszczona przed linijką

var extendedStart = edButtons.length;

Zmiana słownika

  • Domyślnie używanym słownikiem (przycisk "wiki") jest polska Wikipedia. Aby to zmienić, należy odnaleźć w skrypcie linijkę
var dictionaryUrl = 'http://pl.wikipedia.org/wiki/';

i zamiast http://pl.wikipedia.org/wiki/ wstawić adres URL innego słownika, np.

  • http://en.wikipedia.org/wiki/
  • http://answers.com/
  • http://dictionary.reference.com/browse/
  • http://sjp.pwn.pl/lista.php?co=

Uwaga: Wybrany słownik/encyklopedia musi obsługiwać przesyłanie szukanego hasła przez adres URL podstrony (np. http://sjp.pwn.pl/lista.php?co=hasło)

Wygląd przycisków

  • Przyciski można ostylować, dodając do arkusza CSS regułę:
.ed_button {
...
}

Credits

  • Skrypt powstał na bazie JS-Quicktags autorstwa Alexa Kinga. [1]
  • Autorem modyfikacji jest Łukasz "Lukem" Wójcik. [2]