Mach weiter! Wer nicht aufgibt, kann nur besser werden. Ted Williams

Drupal 7 Media Modul Wysiwyg Integration

Verfasst von admin am Di, 20/09/2011 - 20:08

Drupal 7 Media Modul Wysiwyg Editor

Das Modul Media ist wirklich eine Bereicherung für Drupal 7. Ein zentraler Ort um Bilder einzusetzen und zu verwalten. Das Modul Media wurde ja schon in einem anderen Beitrag vorgestellt (Drupal Media Modul), nun möchte ich auf ein weiteres Feature zu sprechen kommen.

Das Media Modul lässt sich mit dem Wysiwyg Modul verknüpfen, was für mich einer der besten Entdeckungen seit Langem ist. Vorbei die Zeit mit umständlichen hantieren mit Wysiwyg-Editor und IMCE & Co. Es hat gut funktioniert doch ich finde diese Lösung um einiges Eleganter. Zentral steht die Libary, von welcher aus über den Wysiwyg-Editor und dem Upload (Multimedia asset) zugegriffen werden kann.

Im Beispiel erläutere ich das Wysiwyg Modul in Verbindung mit dem "tinyMCE" Editor.
Wenn diese noch nicht installiert sind Download http://drupal.org/project/wysiwyg
Den Editor "tinyMCE" herunterladen und in das Verzeichnis "sites/all/libraries/" hochladen.

Jetzt wird das Modul "Media" benötigt Download http://drupal.org/project/media

Nun legen wir ein neues Textformat an "admin/config/content/formats"

Textformat hinzufügen

Wir vergeben einen Namen und nehmen folgende Einstellung vor:
Converts Media tags to Markup
Textformat Media Modul

Wenn diese Einstellung nicht aktiviert ist, bekommen wir später keine Bild sondern nur:
[[{"type":"media","view_mode":"media_small","fid":"8","attributes":{"alt":"","class":"media-image","typeof":"foaf:Image"}}]]
ausgegeben. Es kann natürlich auch ein bestehendes Format z.B "Full HTML" editiert werden.

Nun Konfigurieren wir den tinyMCE damit wir einen Button zur Media Libary angezeigt bekommen.
Wysiwyg Profile (admin/config/content/wysiwyg) > Bearbeiten > Buttons and plugins

Media Button Editor hinzufügen

In einem Zug können hier auch alle weiteren benötigten Buttons ausgewählt werden.
Nun wird im Wysiwyg-Editor der Media Button angezeigt über welchen Ihr ein Bild hochladen,
oder ein bestehendes aus der Media Libary auswählen könnt.

tinyMCE Media Button Drupal 7

Für das hochgeladene Bild sind Stile definiert welche eingestellt werden können
(admin/config/media/file-types).

File types

Ein wirklich gute Sache die Drupal 7 wieder ein ganzes Stück Benutzerfreundlicher macht.

Viel Spaß

nach oben
19 users have voted.

Du hast eine Ergänzung oder Frage? Teile sie jetzt mit!


Kommentar hinzufügen

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.
By submitting this form, you accept the Mollom privacy policy.
 
 
Cabvision Facebook Folge Canvision auf Twitter RSS Abonieren