Bilder in Beiträge einbetten

Hallo Xeto,

wie du schon bemerkt hast, gibt es bei Drupal immer sehr viele Möglichkeiten.
Es wäre gut wenn du genau beschreiben würdest. was du haben willst.

z.B.
- Die Bilder sollen später alle gleich gross sein ..
- Die Bilder sollen später alle untereinander angeordnet werden ..
- Die Bilder solen später usw. ..

Die Anforderungen sind
1) eine komfortable UI (wenige Klicks und übersichtlich)
2) einbetten (Größe anpassbar oder zumindest gleiche Größe) und positionieren (z.B. zentriert oder float links/ rechts) von Bildern in Beiträgen
3) Colorbox Unterstützung (am besten mit Slideshow pro Beitrag/ Post bei mehreren Bildern)

Die für mich bisher beste Lösung ist insert, image_resize_filter & colorbox was die beschriebenen Anforderungen angeht. Zur optimalen Lösung fehlt hauptsächlich noch Unterstützung eines Editor-Buttons (z.B. wysiwyg_fields).
Diese Lösung scheint mir auch für unerfahrene Benutzer am besten geeignet zu sein. Ein User hatte mit der vorherigen Lösung (IMCE) Probleme, welcher an sich ja nicht wirklich kompliziert ist, aber die Handhabung von Thumbnails ist dort schon etwas nervig und es sind mehrere - mit anderen Worten sehr viele - Klicks notwendig, um ein Bild hochzuladen und einzubinden.

Auch wenn das nach einer bereits festen Entscheidung klingt, bin ich trotzdem gespannt, ob es (weitere) Alternativen dazu gibt ;)

Meine persönliche Vorliebe:

Einfaches Textfeld für den Text.

Bilder als Image-Field hochladen (soviele wie der User will oder zugelassen sind)
dann die Bilder skalieren und im Tenplate themen, sodass man immer die gleiche Struktur hat (und Colorbox-Support).

Für mich ist es wichtig, daß damit auch die Struktur der Seite erhalten bleibt.

EDIT:

Und das 1.Bild ist dann auch das Teaser-Bild (evtl. grösser skaliert)

Ok, dass die Seite noch korrekt angezeigt wird, ist natürlich auch ein sehr wichtiger Punkt...

Da wäre eine maximale Größe innerhalb der Seite sinnvoll (Colorbox Ansicht sollte ja kein Problem sein). Die Position anhand des Templates/ Themes zu machen, bietet natürlich weniger Flexibilität und eigentlich auch keine (gute?) Möglichkeit die Bilder innerhalb des Beitrags zu positionieren. Das ist nicht zwingend schlecht, aber wenn man in einem Beitrag Bilder zu Textstellen hinzufügen will, bleibt man mit dieser Methode wohl auf der Strecke.

da hast du natürlich recht ...

wysiwyg_field ist nochmal einen Blick wert, aber erst müssen 2 Bugs beseitigt werden

1) Mehrere Bilder hochladen (ohne jedesmal das "Popup"-Fenster wieder zu schließen)
2) Input Filter Sortierung (bleibt immer am Ende der Liste, müsste in meinem Fall aber über image_resize_filter)

Ich wärme mal dieses Thema wieder auf, weil ich gerade eine Website von PivotX auf Drupal 7 umstellen will.

In PivotX gibt es eine eingebaute Funktion, wo man ein Bild hochladen/auswählen (praktisch ein normales Input-Feld mit zusätzlichem Auswahldialog) und es sozusagen als Artikelbild nutzen kann. In Drupal habe ich noch kein entsprechendes Modul dafür gefunden, wobei ich natürlich noch nicht alle durchhabe ;-) - Das normale Image-Feld erlaubt ja nur den Upload und keine Auswahl vorhandener Bilder. Der Versuch IMCE mit dem Input-Feld über die ID zu verbinden hat auch nicht geklappt. Aber vielleicht habe ich nur die falsche ID verwendet...

In der normalen Textarea mit WYSWYG-Editor (TinyMCE) kann ich in PivotX ebenfalls Bilder mit der o.g. Funktion hochladen bzw. auswählen. Dabei kann ich noch auswählen, ob zentriert, links oder rechts ausgerichtet. Das wars. Mehr würde auch den Benutzer überfordern, wie z.B. Größenanpassung, Randabstand usw.
Im WYSIWYG-Quelltext erscheinen statt der Bilder Platzhalter ([[image ...]]) die später vom Parser ersetzt werden. Als Webseitenbetreiber habe ich so die optimale Kontrolle über die Darstellung der Bilder. Genau das vermisse ich jetzt in Drupal.

In PivotX lädt der Benutzer einfach seine Originalbilder hoch (oder wählt vorhandene aus). Erst wenn später die Seite vom Parser zusammengebaut wird, werden die ganzen Bilder für die Ausgabe vorbereitet. Mit dem genialen externen Bildertool Timthumb (arbeitet mit einem Cache) werden entsprechende Vorschaubilder generiert und die Originalbilder werden über Fancybox (wohl so ähnlich wie Colorbox) ausgegeben: Klick aufs Vorschaubild öffnet das Originalbild in einer Fancybox.

In Drupal bin ich in der Richtung noch nicht fündig geworden. IMCE ist zwar gewaltig im Funktionsumfang, verlangt aber dem Benutzer zuviel ab: Wissen, was er da eigentlich macht und die Verantwortung mein Design nicht zu zerstören. Der eine skaliert seine Bilder auf 300px Breite, der andere auf 230, ein anderer skaliert gar nicht und läßt sie bei 3000 Breite...

IMCE ist manchen Usern schon zu kompliziert, weshalb ich diesen recht schnell durch folgende Kombination abgelöst hatte. Mangels (subjektiv) besseren Alternativen bin ich auch immer noch bei der Lösung ;)

wysiwyg & TinyMCE (Bilder im Text positionieren, gegebenenfalls auch mit Randabstand und zusätzlichen Optionen...)
insert (einbinden in Beiträge)
image resize filter (Eine Standardgröße vorgeben, dem User aber die Möglichkeit geben das Bild mittels Maus oder Eigenschaften in der Anzeigegröße anzupassen)
Colorbox (arbeitet Hand in Hand mit dem image resize filter. Größere Bilder werden automatisch per Klick in der Colorbox angezeigt...)

Keine Ahnung, ob das mit insert kombinierbar wäre...
filefield_sources (Upload per URL oder von lokal, referenzieren bestehender Dateien und auch Integration in File Browser/ IMCE)

Das Modul wysiwyg_fields könnte auch interessant sein, hat mich aber zu der Zeit noch nicht wirklich überzeugen können... Müsste ich auch mal schauen, ob es dort interessante Fortschritte gab inzwischen.

Aller Anfang ist schwer. Drupal, mit dem ich mich jetzt seit ca. 3 Wochen beschäftige, ist doch schon sehr komplex und schwer zu überschauen. Das man sich die meisten Sachen erst basteln muß (wie z.B. Module hinzufügen, Inhalte anpassen) ist schon sehr zeitaufwendig. Aber damit ist man auch sehr flexibel.

Bzgl. des Bildereinfügens habe ich schon alle möglichen Varianten ausprobiert und wahrscheinlich dabei zuviele Module installiert, die sich jetzt wohl gegenseitig beharken. Mal war das Wysiwyg-Feld verschwunden, mal hat der wohl nicht ganz fehlerfreie Imagepicker sich vorgedrängelt. Auch bin ich mir noch nicht ganz klar, wann und wie die Colorbox, Lightbox, Lightbox 2 (und wie sie alle heißen) an der Ausgabe mit rumwerkeln. Wahrscheinlich stören sich auch diese Module gegenseitig.

Mit Wysiwyg-Fields werde ich erstmal weiter rumtesten, um z.B. das spartanische Image-Modul aus dem Core etwas aufzuwerten. Zumindest kann ich dieses Feld später im Template vor der Ausgabe "abfangen" um das Bild auf die von mir gewünschte Größe automatisch zu skalieren. Da ist es von Vorteil, daß der Benutzer nicht schon vorher am Bild rumschrauben darf.
Schwieriger wirds danach bei der Textarea, weil die Benutzer ja Bilder in beliebiger Größe einfügen dürfen. Ich könnte natürlich im Hilfetext hinschreiben: "Bitte die Bilder nicht breiter als 598px machen, bei Links- oder Rechtsausrichtung maximal die Hälfte davon!" Aber welchen Benutzer interessiert das?! Außerdem hätte ich trotzdem gern das Originalbild, auch wenn es 4000px breit ist: Das 598px-Bild als Standardausgabe, das Originalbild über die Lightbox, Colorbox oder wie sie alle heißen.
Ist eben noch ein langer Weg zu einem einsatzfähigen System. Ich tappe noch weitgehend im Dunkeln. Bei PivotX war ich nach drei Wochen schon beim Modulprogrammieren...