Seit ein zwei Wochen beschäftige ich mich mit dem Content Management System (CMS) Drupal. Bis jetzt habe ich meist Contenido als Content Management System eingesetzt, oder einzelne Seiten dynamisch programmiert und dabei den WYSIWYG-Editor Tinymce verwendet. Da mich ein Bekannter auf Drupal aufmerksam gemacht hat, wollte ich es mir dieses Content Management System, das laut Eigenschafts- und Funktionsübersicht ziemlich stark auf Community Features setzt, mal genauer anschauen und ein Projekt damit durchziehen.

Gesagt getan, die Installation bereitete keine Probleme, da ich mich strikt an die Vorgaben für den Webspeicher gehalten habe. Drupal fordert z.B. dass der register_globals deaktiviert ist, was sicherlich sehr löblich ist aber nicht bei jedem Webspeicher der Fall sein wird. Außerdem sollte man die Möglichkeit haben einen Cron Job einzurichten, da Drupal einige Aufgaben (z.B. di Indizierung der Suchwörter) periodisch erledigen muss/sollte.

Die Einarbeitung in Drupal stellte sich aufwendiger heraus, als ich mir es gedacht hatte. Ich bin davon ausgegangen, dass ich alles auf Anhieb verstehen würde, da ich andere Content Management Systeme bereits kenne. Dem war nicht so, Drupal hat da so sein ganz eigenes Konzept und auch teilweise eine eigene Terminologie. Auch der geübte Content Management System Programmierer muss sich mal mit Nodes, Blöcke, Boxen, Module, Zugriffsrechte, Rollen und Taxonomie auseinander setzten.

Ich denke es wäre für mich fast leichter gewesen, wenn ich kein Vorwissen von anderen Content Management System gehabt hätte. Das Vorwissen hat oft bewirkt, dass ich meinte die betreffende Funktion müsse so funktionieren oder da zu finden sein usw.. Am Ende musste ich also trotzdem das aufschlussreiche Online-Handbuch und die Drupal Community zu Rate ziehen. Habe darin alles gefunden was ich wissen wollte.

Insgesamt macht Drupal einen recht tollen Eindruck, es liefert viele interessante Community Features mit und lässt sicher sehr leicht mittels vieler frei zur Verfügung stehenden Modulen ausbauen. Zur Programmierung von Modulen kann ich noch nichts sagen, das muss ich erst selbst ausprobieren.

Der Umgang mit Drupal aus der Sicht des Redakteurs ist zwar sehr einfach, aber was sofort auffällt: Drupal bringt “out oft the box” keinen WYSIWYG-Editor mit und auch ein Dateiverwaltungsmodul für Bilder oder Dateien sucht man vergebens. Solche Module muss man sich zusätzlich nachinstallieren.

Hier nun eine kurze Installationsanleitung für die Installation des WYSIWYG-Editors Tinymce und der Tinymce Erweiterung IMCE (Modul für das hochladen von Bildern und Dateien direkt aus dem Tinymce heraus)

1. Die zwei Drupal Module TinyMCE und IMCE herunterladen. Ich habe mir Tinymce 6.x-1.1-dev und IMCE 6.x-1.x-dev geholt, da ich Drupal Version 6 einsetzte.
2. Den WYSIWYG-Editor TinyMCE von der Herstellerseite herunterladen. Ich habe die Version 3.0.5 genommen.
3. Alle drei Downloads lokal in einem Ordner entpacken.
4. Im Webspeicher im Drupal Verzeichnis /sites/all/modules das Verzeichnis tinymce anlegen und die Dateien und Ordner aus dem entpackten Archiv des Drupal Moduls TINYMCE hochladen. Im Ordner /sites/all/modules/tinymce solltest du jetzt unter anderem die Datei plugin_reg.php und die Ordner plugins und po finden.
5. Im Webspeicher im Drupal Verzeichnis /sites/all/modules das Verzeichnis imce anlegen und die Dateien und Ordner aus dem entpackten Archiv des Drupal Moduls IMCE hochladen. Im Ordner /sites/all/modules/imce solltest du jetzt die Dateien imce.info, imce.install, imce.module und die Ordner css, inc, js, tpl finden.
6. Im Ordner /sites/all/moduls/tinymce wieder einen Ordner tinymce anlegen und in diesem Ordner alle Dateien und Ordner des entpackten Archivs des WYSIWYG-Editors Tinymce hochladen. Im Ordner /sites/all/moduls/tinymce/tinimce solltest du nun die Ordner examples und jscripts finden.
7. In Drupal mit Administratorrechten einloggen und im Bereich Administer>Site building>Modules die Module TinyMCE und IMCE aktivieren.
8. Im Bereich Administer>User management>Roles mit der Schaltfläche ADD role eine neue Rechtegruppe (Role) z.B. mit dem Namen RechteRedakteur anlegen und dieser Gruppe über den Link edit permissions die Rechte auf tinymce module zuweisen.
9. Im Bereich Administer>Site configuration>TinyMCE mit dem Link Create new profil ein neues Profil z.B. mit dem Namen ProfilRedakteur anlegen. In diesem Profil kannst unter Basic setup einstellen, dass die zuvor angelegte Rechtegruppe (Role) RechteRedakteur das Profil benutzen darf, unter Buttons and plugins kannst du alle möglichen Funktionen des Editors aktivieren bzw. deaktivieren und unter Css kannst du eine CSS-Datei angeben die der Tinymce verwenden soll um z.B. das Listenfeld zur Zuweisung von CSS-Klassen zu füllen.
10. Nun noch im Bereich Administer>Site configuration>IMCE ein Profil für den IMCE anlegen (oder das bestehende benutzen) und der Rechtegruppe (Role) RechteRedakteur zuweisen. Durch editieren dieses IMCE-Profils kannst bestimmen was man im File Browser Fenster für Ordner sieht, wie groß die hochzuladenen Dateien sein dürfen, wie viele Dateien man hochladen darf usw.. (Das File Browser Fenster ist ein im Tinymce integrierter Dateimanager. Er öffnet sich, wenn man im WYSIWYG-Editor Tinymce auf welches Bild einfügen/ersetzen und dann auf das Symbol Durchsuchen klickt.)

So das war’s. Du kannst dich jetzt in Drupal mit einem Benutzer, der der Rechtegruppe (Role) RechteRedakteuer angehört, anmelden und eine Seite editieren. (Achtung meldest du dich als Administrator an, dann musst du bedenken, dass auch der Administrator nur dann auf den Tinymce Zugriff hatt, wenn er der Rechtegruppe (Role) RechteRedakteur angehört!) Es öffnet sich der WYSIWYG-Editor Tinymce mit all jenen Funktionen und Symbolen die du bei der Erstellung des Tinymce Profiles ProfilRedakteur unter Buttons and plugins aktiviert hast. Ein Klick auf das Symbol Bild einfügen/ersetzten öffnet das Bild einfügen/bearbeiten-Fenster und darin ein Klick auf den Button Durchsuchen öffnet den IMCE File Browser.

Tipps Tinymce in Drupal

1. Möchtest du weitere Tinymce Plugins aktivieren oder die Symbolleisten den Tinymce bearbeiten dann editiere die Datei /modules/tinymce/plugin_reg.php. Ich habe z.B. die Zeile:



$plugins['table']['theme_advanced_buttons3'] = array('tablecontrols');

wie folgt editiert:

$plugins['table']['theme_advanced_buttons4'] = array('tablecontrols');

Dadurch werden die Tabellensymbole in einer vierten separaten Symbolleiste angezeigt.

2. Möchtest du die Breite des Tinymce-Fensters z.B. auf 560 Pixel ändern, dann schreibe in eine deiner CSS-Dateien folgende Anweisung:

#edit-body {
width:560px!important;
}

Der Beitrag wurde am Samstag, den 12. April 2008 um 14:56 Uhr veröffentlicht und wurde unter Programmierung, Tutorials abgelegt. Du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.