Image Uploads Using WYSIWYG and Media in Drupal 7

Submitted by Brenda Boggs
on May 29th, 2011 at 4:51:10 PM

Modules you'll need:

Install the WYSIWYG as instructed with CKEditor support. Enable the Media module and the dependency on File Styles. Under Configuration > Content authoring > WYSIWYG, Edit the text format of your choice. Under the Buttons and Plugins fieldset, make sure you select the Media browser checkbox. Hit Save.

Under Configure > Content authoring > Text formats, and click configure under the text format of your choice. Select the Converts Media tags to Markup checkbox.

Now, under Limit allowed HTML tags fieldset, add the img tag.

When creating a post, you'll now have an Add Media button. Select the file you want to upload and click Submit.

Tags: 
7.x
media
wysiwyg

Comments

July 22nd, 2011 at 9:44:45 AM — Cyril (not verified)

Thank you for this post ! It helped me a lot !!!
I simply forgot to check "Converts media tags [...]"

Merci merci merciiiii Brenda ;)

October 4th, 2011 at 3:30:19 PM — Anonymous (not verified)

Thanks! This was driving me nuts... Nice and easy tutorial!

October 24th, 2011 at 6:47:34 PM — Paul (not verified)

Thank you *so* much. I am working on one of my first D7 projects and found that imce was overkill for my requirements. So glad that you showed me an alternative :)

October 27th, 2011 at 3:35:15 PM — Aurélien (not verified)

Thank you so much !

November 14th, 2011 at 3:18:27 PM — Corrie Potter (not verified)

Do you know how to adjust the presets for the media browser? I only have options for "large", "link", "preview", "original" and "tokens". I would like to be able to choose some of the ones that are defined in image style (prior: image cache) but cannot find where to define these. Any help or insite would be greatly appreciated.

Thanks!

Post new comment