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.

Related Posts

Cache management in Drupal 6 & 7

There’s a nice article from Makina-Corpus on the topic here: Notably, the...

Spider a website with wget

This command might be useful if you want to auto-generate the Boost module...