Image Uploads Using WYSIWYG and Media in Drupal 7
Submitted by Brenda Boggs on
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.
14 Comments
Thank you for this post ! It
Submitted by Cyril (not verified) on
Thank you for this post ! It helped me a lot !!!
I simply forgot to check "Converts media tags [...]"
Merci merci merciiiii Brenda ;)
Thanks! This was driving me
Submitted by Anonymous (not verified) on
Thanks! This was driving me nuts... Nice and easy tutorial!
Thank you *so* much. I am
Submitted by Paul (not verified) on
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 :)
Thank you so much !
Submitted by Aurélien (not verified) on
Thank you so much !
Do you know how to adjust the
Submitted by Corrie Potter (not verified) on
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!
I too would like to know how
Submitted by Grrrrr.. (not verified) on
I too would like to know how to add other options for the images styles other than those darn presets. Anyone know the answer to this?
Hi,
Submitted by chalda (not verified) on
Hi,
because I've been solving the same problem and I've found this page amongst first ones so I adding a solution which I used (although it's not complete solution).
An image style can be defined in: admin/config/media/image-styles/
You can define there some image manipulations on the style.
After having an image style you'll go to: admin/config/media/file-types/manage/image/file-display/
There you can redefine existing file displays to use your image style.
Hi - hope u can help and
Submitted by Karl (not verified) on
Hi - hope u can help and thanks for this post - followed your instructions, but when i click of the add media button I get Website encountered an error. Hope you can help.
Thank you very much!
Submitted by Anh DO (not verified) on
Thank you very much!
I was very happy when I found this great article. Thank for your sharing knowledge.
Thank you for this article,
Submitted by faroxy (not verified) on
Thank you for this article, it's just what I need... unfortunately when I finished to apply all the configuration, the "add media" button of the editor (FCKEditor) is displayed ... but is disabled :( Any idea why ?
Thank you !
Great post!
Submitted by Danny (not verified) on
Great post!
Do you happen to have any insights into editing an image once it's been embedded into the RTE?
Thank you Sooooo Much!
Submitted by d21anthony (not verified) on
Thank you Sooooo Much!
This is awesome post and is totally helpful. Exactly what I was looking for.
Any idea how to theme the
Submitted by rustybike (not verified) on
Any idea how to theme the output here? I'm using Media-2.x.unstable7 and it doesn't theme to output via the theme function when you use a WYSIWYG embed.
Thank you.
Submitted by Rick Roth (not verified) on
Thank you.
Add new comment