I've been trying to come up with a suitable solution for inline images for a while now without a ton of success. I'm sure you have had a client who wants to be able to insert images inside the main area of their text. Generally, I try to steer clients in the direction of using CCK fields for content images, but given the fixed nature of this approach, it doesn't work well for longish' tutorials with screen shots. Writers that use Drupal will often times want to use wysiwyg to get their uploaded images into the content above or near the focus of the topic.
I use the TinyMCE/IMCE bridge combo, but it doesn't work well to resize the actual image, leading to manually scaled heavy images, in many cases. IMCE will create thumbnails, but as for resizing the content image, it just uses the original image. The BUI editor has an implementation which satisfies the requirement's but isn't perfect, but a good step forward. I found this issue queue search helpful, but only led me to the bui editor solution: http://drupal.org/project/issues/imce?text=imagecache&status=Open&priori...
If you're interested in checking out the BUI editor implementation see this link:
http://ufku.com/drupal/bueditor/contributions/imagecache
Personally BUI editor is probably a good thing for a power user or a more advanced web writer, but being that its more of a web text editor than a wysiwyg, it also loses focus of the target audience, everyday mom and pop webmasters... Thoughts?
Comments
Hi, our best practice :) We
Hi,
our best practice :)
We use the FCKeditor together with the Imagebrowser module + ImageCache for resizing images and additionally the Nodereference Explorer module for having images as fields too but still browsing the same images that are uploaded inline trough Image Browser and vice versa.
Hope that helps.
-----
Drupal Development by Trio Interactive
When clients edit!
so you want a way to change/
upload your pictures when you
want them to change/ not wait
for the webmasters's update/
not break the page.
"Let your clients edit their website with their web browser
Adobe InContext Editing"
reference;
http://labs.adobe.com/technologies/incontextediting/
project/insert and project/image_resize_filter
Hi,
Here is another way:
Filefield, http://drupal.org/project/filefield
Imagefield http://drupal.org/project/imagefield
Image Api http://drupal.org/project/imageapi
Imagecache http://drupal.org/project/imagecache
Insert http://drupal.org/project/insert
Image Resize Filter http://drupal.org/project/image_resize_filter
This gives you inline insertion, image resizing on the fly inline that creates fresh resized images. Lots of choices, lots of settings, but easy to streamline for end users so it is easy and not overwhelming. I love this approach!
Best,
Shai
Shai Gluskin
Content2zero
Hi, but how do you reuse
Hi, but how do you reuse images that are already uploaded this way?
-----
Drupal Development by Trio Interactive
Captions?
Do any of these methods support an easy way of adding captions? Is that what imagefield offers? Sounds like with all these options we may want to think about moving to CCK anyhow.
We use FCK editor and insert images there, but the captions piece has been vexing--keeping them standardized and nicely connected with the photo. Our developer made it so that you can style it through the advanced image properties panel by entering a stylesheet class and typing the caption in the advisory title. But then the title pops up when you hover over the photo, and it can be really long and include raw html formatting that is pretty distracting to the end user.
Anyone know of any other good approaches? Thanks!
Try
Try http://drupal.org/project/image_caption ?
Eric
Eric Aitala - ema13@psu.edu - f1m@f1m.com - @aitala
www.essp.psu.edu - www.f1m.com
Thanks
Wow, that's way more simple! Thanks.
Oops
So turns out Image caption is exactly what we already have! But I didn't know that. But now I do and see that there have been some updates and workarounds to the module and I may be able to get it to work better for us. So thanks again.
Just wanted to clarify in case someone else is curious about the module. It works as I described above.
IMCE does allow you to set a
IMCE does allow you to set a max dimension size, which will resize the original to something more workable. I typically set that to the max width that will fit within the content area.
What I typically do for clients is set up two ways to do images: CK editor/IMCe for advanced users and a cck imagefield for beginners and the technically challenged. The imagefield image (or images) that will be resized and formatted to look good on the page. A few times I have create a second cck field (and a little php to manipulate css) where they can choose if the image will align left or right to give them a bit of flexibility.
NMS: Drupal Training & Services
www.new-media-solutions.com/drupal-training
Greater Philadelphia Drupal Meetup
www.meetup.com/drupaldelphia
Thank you
I haven't had a chance to test the FCK method, but the method Shai is suggesting looks closer to the approach I'm already taking. I will likely try this first. But thanks for the info everyone! I'll report back with my experience once I've implemented.
ImgAssist + TinyMCE
ImgAssist (http://drupal.org/project/img_assist) lets users upload images, and browse through "their images" and "all images". It works together with TinyMCE as well. It also does titles and captions for images.
the same is possible with
the same is possible with with Image Browser....and image caption
But our thoughts go in an other direction right now - for us the perfect solution would be the Nodereference Explorer together with the Insert module.
This would be one of the best image handling solutions for uploading, reusing, and displaying images no matter if inline or trough views because you have the image always as a field even if its inline!
See and support: http://drupal.org/node/667192
-----
Drupal Development by Trio Interactive
IMCE thumbnails as frontpage teasers
do you have idea how can the IMCE generated thumbnails could be used as fields so that views can see and utilise them in the frontpage teasers?
wysiwyg+ckeditor, colorbox, elfinder and image resize filter
... a simple, perfect solution for D7!
---
Tomáš J. Fülöpp
http://twitter.com/vacilandois
Very relevant discussion
I am trying to get functionality like this http://goo.gl/K3lBP
In D7: I have found Insert + Imagecache + color box + Image caption to almost fit the bill.
However if I have multiple images attached to a node, I have to necessarily insert them into the text area to get them to appear in the color box. Is there any way to insert just one image in an article and then get the multiple images that are attached to a node to appear in the colorbox.
In D6: I use gallery_assist http://drupal.org/project/gallery_assist it has great extensibility.
However it does not as yet have the simplicity of insert to add image anywhere in a text area.
Check the vids...
Check these vids: http://vimeo.com/19122850 I recall there being an option to display a slideshow of all images in node, even if not displayed and even from all fields.
Thanks, The field slideshow
Thanks, The field slideshow is at the heart of this slide-show.
However, this method does not allow me to insert a slide show into the text area.I am looking for a generic way to have an image/slideshow around which the text flows. If an article needs 4-5 images, I do not want to keep inserting 4-5 images into the text area
I am happy using the insert module with colorbox. However as I have stated it would be cool to pull all images attached to a node into the colorbox without actually inserting all the images into the text area. Can this be done?