Simple Drupal 6 WYSIWYG

When building up a new Drupal 6 site now, we always download and enable the following modules to enable WYSIWYG (What You See Is What You Get) edition:

  • wysiwyg
  • we download the ckeditor sources
  • imce
  • imce_wysiwyg

Then we:

  • enable wysiwyg, imce and imce_wysiwyg
  • put the ckeditor sources in sites/all/libraries/ckeditor (ckeditor.js must be callable as /sites/all/libraries/ckeditor/ckeditor.js)
  • fix (if needed) the wysiwyg module to detect ckeditor version 3.6 (see
  • go into imce configuration and check where to put the files (the default directory is OK for small sites)
  • go to wysiwyg profiles definition, select ckeditor for Full HTML profile
  • save and edit the Full HTML profile
  • check a few boxes in the “buttons” section, *including* IMCE
  • change the CSS to default editor CSS (otherwise sometimes you won’t see a thing when you’re editing)
  • save

Now if you edit or create any content that allows Full HTML (that can be defined in the content type), you should be allowed to use the images icon *and* to navigate the server files inside the image popup, through the “Server” button.

Of course, most of these steps are made easier through the use of Drush.

It's only fair to share...Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInShare on TumblrEmail this to someone

Leave a Reply

Your email address will not be published. Required fields are marked *