By owntheweb on

Hello,
I installed the WYSIWYG module and TinyMCE editor to Drupal for users to easily edit press releases and such. TinyMCE has an image feature in the toolbar that lets you choose a url of pictures. Ideally though, I want users to be able to upload photos as needed for the posts using that or another icon. Even better: I'd like those photo to be resized on the fly if they are too huge.

What's the best way to go about this? WordPress has a great feature built in that I love that works like this (minus the photo resizing). I'm sure others are asking for this type of feature in Drupal.

Thanks for the assistance in advance! :)

⋅ Categories: Drupal 6.x

Comments

GreenSpiderDesign’s picture

GreenSpiderDesign commented

The best solution I've found is to add a content type for Press Release, Article, etc. - whatever content you want users to be able to create - and add image as a field within that content type. Within the parameters of the image field you can allow multiple images to be uploaded. You can define how uploaded images are resized in ImageCache by defining a different Preset Name for each image size you want to use (i.e. thumbnail, preview, regular, etc.) and when you define your presets you can define behaviors for resizing, etc. I've found that scaling works well for a preview type image and scaling and cropping works well for thumbnails. You can associate which size is associated with the image field by clicking on the Display Fields option at the top of your Content Type editing screen.

I would then create a view for each content type - if you're not familiar with views there are some really good tutorials on them out there. Let me know if you need more direction than this. I've recently gone through the process of learning all of this on my own as well, so I can show you what worked for me. I agree that Drupal is a bit difficult in the early learning-curve process, but once you get over the hump things really start to make sense and each new concept becomes easier to learn.

owntheweb’s picture

owntheweb commented

Hey Cool! It even resizes for you to maximum dimensions! That works great. Now for the final touch for my non-experienced users, how do they get the pictures where they want them to be in the node body? I'm wondering if there's a way I can have them copy/paste the url of the uploaded images into the body (if I can make url plainly visible once uploaded). I know I could show a list of images with the post display, but they will most likely want to do all sorts of "creative" things with the photos in their content. I'll probably hide the "images" field in views, so the user can customize things.

Yep I have views down very well, and I agree about the learning hump. I get bigger smiles on my face every day working with Drupal.

I look forward to any additional feedback. Thanks again. :)

Worlds to explore. Worlds to create.
Blog: http://www.christopherstevens.cc/blog
Twitter: http://www.twitter.com/owntheweb

WorldFallz’s picture

WorldFallz commented

I haven't had a chance to try it yet since it's pretty new, but maybe the http://drupal.org/project/imagefield_assist module might do it.

Lecter’s picture

Lecter commented

I would love to have more direction on this and see what worked for you. Being able to upload multiple photos in a post is on the top of my to do list.

owntheweb’s picture

owntheweb commented

Sure thing. Here's a rough. Let me know if I should be more specific. The following modules work together to make this work (I might have an extra in there):
-imageapi
-imce
-imce_wysiwyg
-wysiwyg

I installed the TinyMCE Library to work with wysiwig/imce_wysiwig. After everything was configured, users were able to select the image icon that shows up with all the formatting options while editing a post. Where they usually specify a URL, I think there was a new upload icon that showed up (It's been a week or so since I took a look so I'm foggy right now). The user could upload photos directly in the post body.

I remember there was some slight pain involved. Be sure to configure all the modules and permissions.

Hope this helps! Let me know if you have further questions.

Worlds to explore. Worlds to create.
Blog: http://www.christopherstevens.cc/blog
Twitter: http://www.twitter.com/owntheweb