Provide users a WYSIWYG editor with image support in Drupal
So you want to know how to allow a client or staff member to edit HTML content via a WYSIWYG editor w/ integrated and easy to use image support? We do this with Wysiwyg API, IMCE & IMCE Wysiwyg API bridge modules. The IMCE Wysiwyg API bridge module is a support module to bridge between IMCE image upload/browsing capability and Wysiwyg editors, so have them both installed and working first. Following are my quick notes to provide Drupal users a WYSIWYG editor with image support:
- IMCE Wysiwyg API bridge module Project page: Drupal 6
- Depends on: IMCE & Wysiwyg API modules, so install them first
- Install and configure IMCE module & Wysiwyg API module
- read the imce_wysiwyg/README.txt
- Install IMCE Wysiwyg API bridge module
- configure:
- Home > Administer > User management > Roles >
- create a role, "HTML editor", that will use the WYSIWYG editor and IMCE image browser
- Home > Administer > Site configuration > Input formats >
- Create an input format, "HTML editor"
- Under Roles: choose the role created in the last step
- Home > Administer > Site configuration > IMCE >
- create an "HTML editor" profile
- set its configurations
- set directory to only access "html" or whatever directory you would like
- Home > Administer > Site configuration > Wysiwyg >
- edit appropriate profile for FCKeditor or TinyMCE & add both Image & IMCE buttons
- Home > Administer > User management > Permissions >
- allow the role you created access to edit/delete/create appropriate content
- Home > Administer > User management > Roles >
Note: how to limit which fields editor is available for, limit input type by field?
BeatnikDude is an individual member of the Drupal Association.
'(Òvó) CrownedUp.com by BeatnikDude is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
Comments
timb
Mon, 11/30/2009 - 09:57
Permalink
Honor your CSS
You can have the wysiwig editor use your style sheet when editing for a true wysiwyg experience, by setting the path to your stylesheet in the wysiwig setup. I use css-injector to speed most of my styling and have found that you can wildcard all created css files with this path: %b%t/../files/css_injector_*.css
Nobody (not verified)
Wed, 06/09/2010 - 10:57
Permalink
IMCE is still the best
I agree that IMCE does not have a great UX, but I think it is still the best option. I have tried all the others (I think) including Image Browser, but I keep going back to IMCE.