Jehu's kleine Welt

Hier die Mission: Der Drupal-Redakteur soll mit maximaler Flexibilität und höchstmöglichem Komfort Bilder in seine Texte einfügen können. Die Uploadgröße muss vom Admin kontrollierbar und die möglichen Bildgrößen vom Redakteur auswählbar sein. Die Bilder sollen anhand einer Lightbox-Spielart mit Klickvergrößerung ausgestattet werden.

Diese Serie gliedert sich in vier Teile:

• Teil 1: Module auswählen, herunterladen und entpacken
• Teil 2: Module aktivieren und konfigurieren
• Teil 3: Fancybox (hübsche Lighbox-Variante) einbinden
• Teil 4: Anleitung für Redakteure

"Also mit TYPO3 wäre das kein Problem", höre ich mich da selbst sagen, um dann gleich durch den Gedanken an den Extension-Wust und das TypoScript-Gehuddel wieder auf den Teppich zu kommen ¹. Fakt ist: Es ist mit beiden CMS sowohl ein Problem, als auch keines. Denn: Man muss nur wissen, wie man's anstellt. Und dafür braucht man erst mal Geduld und Lernwillen - und einen Ort, an dem man seine Codeschnipsel zur Wiederverwendung aufbewahrt...

Ok, hier die Zutaten, mit denen das Vorhaben realisierbar ist:

• Drupal Modul WYSIWYG
• TinyMCE WYSIWYG Editor
• Drupal Modul IMCE zur Bildverwaltung und -skalierung
• Fancybox für den Lightbox Effekt

Natürlich geht es auch anders. Zum Beispiel könnte man statt "IMCE" auch "imacecache", "cck imagefield" und "upload" benutzen. Vielleicht würde sich auch "Image Resize Filter" und "inline" gebrauchen lassen. Wenn du konkrete Lösungen für die gestellte Aufgabe irgendwo beschrieben oder gefunden hast, freue ich mich auf entsprechende Hinweise in den Kommentaren. ²

Modulinstallation

Die eigentliche Installation der Module soll hier nicht detailliert beschrieben werden. Im Prinzip beschränkt sich das ja auf die folgenden drei Schritte:

1. herunterladen
2. entpacken
3. aktivieren

Hier nochmal die Links zu den entsprechenden Modulen, die jetzt heruntergeladen und entpackt werden (die Aktivierung im Drupal kommt dann später):

• WYSIWYG
• IMCE WYSIWYG API Bridge
• IMCE

Bitte beachte ggf. die Abhängigkeiten zu anderen Modulen, die dann ebenfalls installiert werden müssen. Die entsprechenden Infos stehen auf der Seite des Moduls (unter "Dependencies" aufgeführt).

Das Modul "WYSIWYG" beinhaltet keinen Editor sondern stellt eine einheitliche Schnittstelle (API) für verschiedene Editoren zur Verfügung. Deshalb muss man sich noch den eigentlichen Editor herunterladen und installieren. Für unsere Mission wollen wir auf TinyMCE zurückgreifen.

TinyMCE installieren

• Das TinyMCE Main package von der Website des Herstellers herunter laden
• Das Archiv nach "sites/all/libraries/" entpacken. Zur sicherheit prüfen: Der Pfad zum eigentlichen TinyMCE muss lauten "sites/all/libraries/tinymce/jscripts/tiny_mce/"

Nun ist soweit alles vorbereitet. Es folgt die Aktivierung und Konfiguration der Module im Teil 2 dieser Serie.