Często spotykamy się z zaawansowanymi edytorami tekstowymi WYSIWYG (What You See Is What You Get w dosłownym tłumaczeniu To Co Widzisz Jest Tym Co Otrzymasz), które pozwalają nam edytować i widzieć zmiany w trybie rzeczywistym – tak jak ma to miejsce np. w OpenOffice, czy innym pakiecie biurowym. Jednym z kilku wiodących darmowych edytorów jest TinyMCE. Jest to produkt Open Source wydany na licencji LGPL przez Moxiecode Systems AB. W Drupalu integracja z TinyMCE jest dziecinnie prosta a dodając moduł IMCE do zarządzania obrazkami dostajemy do dyspozycji naprawdę potężne narzędzie, wygodne przede wszystkim.

Naszą przygodę proponuje zacząć od pobrania modułów IMCE oraz TinyMCE ze strony Drupala. Jeżeli chodzi o edytor to należy jeszcze pobrać właściwy kod ze strony producenta, ponieważ moduł do Drupala tylko integruje TinyMCE z CMSem. Po zainstalowaniu obydwóch modułów (nie będę się wdawał w szczegóły, jest to bardzo proste) należy oczywiście przypisać odpowiednie prawa wybranym rangą. TinyMCE wprowadza dwa nowe przywileje:

• access tinymce – który nadany wybranej randze zezwala na używanie TinyMCE, o ile jest strwożony profil edytora z wybraną rangą.
• administer tinymce – to oczywiście administracja modułem

natomiast IMCE nie wprowadza nowych uprawnień.

Przejdźmy teraz do konfiguracji edytora. Na początku należy stworzyć profil edytora (admin/settings/tinymce/add).
W zakładce Basic jak nazwa wskazuje konfigurujemy podstawowe opcje takie jak np. nazwa profilu lub rangi dla których obowiązuje (tylko te które mają uprawnienia access tinymce i nie były jeszcze użyte w żadnym profilu TinyMCE).
Druga zakładka niesie ze sobą konfiguracje stron na których edytor ma być wyświetlany.
Następna zakładka – Buttons and plugins to konfiguracja włączonych wtyczek i opcji edytora. Jeżeli żadna z opcji nie będzie włączona to edytor włączy domyślne opcje i wtyczki. Warto wspomnieć tutaj o wtyczce InlinePopups dzięki której nie pojawiają nam się popupy, tylko pojawia się nowa warstwa przykrywająca stronę – taki lightbox.
Editor appearance zawiera w sobie ustawienia dotyczące wyglądu takie jak umiejscowienie przycisków, czy włączenie opcji rozszerzania edytora.
Przed ostatnia kategoria konfiguracyjna dotyczy opcji zapisywania. Można tutaj ustawić m.in. walidację HTML czy usuwanie pustych linii.
Zaś w ostatniej zakładce CSS możemy ustawić adres do alternatywnego stylu CSS który zostanie użyty przez edytor do formatowania podczas edycji.

Jeżeli chodzi o konfigurację IMCE przebiega ona w podobny sposób, również operujemy na profilach które są przypisane do konkretnych ról. Możemy konfigurować m.in. ilość udostępnionego miejsca na wrzucane obrazki przez użytkowników, maksymalne rozmiary obrazków a nawet katalogi do których będą ładowane obrazki.