Bildverwaltung, Bildgrößenberechnung, WYSIWYG und Fancybox - Teil 2
Willkommen zum Teil 2 dieser Serie. Im Teil 1 wurden die benötigten Module ausgewählt und entpackt. Auch TinyMCE wurde bereits für Drupal verfügbar gemacht. Nun müssen diese Module in Drupal aktiviert und konfiguriert 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
Teil 2: Module aktivieren und konfigurieren
Zunächst müssen die soeben im im voriegen Teil der Serie entpackten Module aktiviert werden.
Dazu wechselt man nach "Verwalten / Strukturierung / Module".
Bei folgenden Modulen wird nun die Checkbox aktiviert:
- Sektion "Benutzeroberfläche"
- IMCE Wysiwyg API bridge
- Wysiwyg
- Sektion "Sonstige"
- IMCEimce
Nach dem betätigen der Schaltfläche "Konfiguration speichern" sind die Module aktiv. Nun müssen noch einige Einstellungen vorgenommen werden.
WYSIWYG
Im Menü "Verwalten / Einstellungen / WYSIWYG" soll nun für das Eingabeformat TinyMCE aktiviert werden. Deshalb wählt man diesen Editor in dem Dropdown bei FullHTML nun aus und klickt auf "Speichern".
Nun kann man dieses Eingabeformat noch konfigurieren, indem man den gleichnamigen Link anklickt. Hier sind nun mehrere Bereiche verfügbar:
- Basis-Setup
- Schaltflächen und Plugins
- Erscheinungsbild des Editors
- Bereinigung und Ausgabe
- CSS
Folgendes sollte man einstellen:
- Im Basis-Setup sollte die Checkbox "Standardmäßig aktiviert" angehakt sein.
- Unter "Schaltflächen und Plugins" können die benötigten Schaltflächen aktiviert werden. Hier ist weniger manchmal mehr, wenn man dem Redakteur nur die wirklich benötigten Funktionalitäten anbietet. Wichtig ist, dass man hier auf jeden Fall auch "IMCE" aktiviert.
- Die übrigen drei Bereiche "Erscheinungsbild des Editors", "Bereinigung und Ausgabe" sowie "CSS" können unverändert bleiben.
Durch betätigen der Schaltfläche "Speichern" werden die gemachten Einstellungen übernommen.
Damit unser Redakteur immer den WYSIWYG-Editor zu sehen bekommt, muss dies noch als Standard definiert werden. Unter "Verwalten / Einstellungen / Eingabeformate" setzen wir den Radio-Button deshalb auf "FullHTML" und speichern die Einstellung durch Betätigen der Schaltfläche "Standardformat ändern".
IMCE
Unter "Verwalten / Einstellungen / IMCE" gibt es im Bereich "Configuration profiles" die Möglichkeit, das Standardprofil zu ändern. Unter "Role-profile assignments" können verschiedenen Benutzer-Rollen ggf. verschiedene IMCE-Profile zugeordnet werden.
Im Bereich "Configuration profiles" ist das vorhandene IMCE-Profil sichtbar. Nach der Installation des Moduls gibt es ein Default-Profil, dass einfach "User-1" heißt.
Nach einem Klick auf "Bearbeiten" kann man diesen Namen anpassen. Auf der Bearbeiten-Seite lassen sich unter Anderem der Standard-Dateipfad, maximale Dateigröße, eine maximale Gesamtkapazität für alle Uploads (Quota) festgelegt werden. Wichtig für unsere Mission sind die zur Verfügung stehenden Bildgrößen für die Thumbnails. Die Einstellungen hierfür finden sich ganz am Ende der Konfigurationsseite.
Man kann hier beliebig viele Bildgrößen anlegen. Prä- und Suffix erlauben das voranstellen oder anhängen einer beliebigen Zeichenkette an die Dateinamen der Thumbnails.
Dem Redakteur stehen beim Upload der Bilder alle hier festgelegten Größen zur Auswahl. Er selbst kann dann entscheiden, welche der definierten Thumbnailgrößen er erstellen lassen möchte.
Damit wäre eigentlich alles getan, um per WYSIWYG Bilder hochzuladen, Thumbnails zu generieren und spielend leicht im Text einzufügen. Wie dan genau von Statten geht, wird im 4. Teil der Reihe erklärt.
Im nächsten Teil kümmern wir uns jedoch zuerst um die Einbindung der Lighbox-Variante Fancybox, damit die Klickvergrößerung funktioniert und hübsch aussieht.





Kommentar hinzufügen