In Drupal 6, what's the quickest way to set up a WYSIWYG editor with code syntax highlighting and image upload?

Question

I've seen numerous posts in random places about how to set up a WYSIWYG editor for Drupal 6. I've had luck with CKEditor and FCKEditor via the WYSIWYG Drupal module. All is well there, but I hit a breaking point when I try to add on syntax highlighting and image upload functionality. Any procedure I try is very cumbersome and ends up not working (the last one I tried was using CKEditor + WYSIWYG + GeSHi Filter (with the hack) (described here).

I can't get any combination to work properly so far and there are too many variables/combinations to try. Does anybody have experience with a solution that just works without too much hassle?

Answer 1

I've had luck with FCKEditor and CKEditor and IMCE (together with Image Upload, I think). You have to set IMCE as the file manager in [F]CKEditor config.

Answer 2

Just go for the WYSIWYG-api. And then use TinyMCE. In addition to that, install the imce module. Then install IMCE-bridge to connect both

The code-highlighting, however, is a different problem. I am not aware of a WYSIWYG-editor that has proper code-hightlighting-support. (Actually, I am not aware of a proper WYSIWYG-editor in the first place, but that is a whole different story).

Answer 3

I found a great blog post that almost answered my question here. There, Clifford Meece gives step-by-step instructions on how to set up the WYSIWYG modules with TinyMCE and Syntaxhighlighter. He also walks you through adding a few smaller modules that fix some usability issues.

Afterwards, I installed the IMCE and IMCE WYSIWYG Bridge modules right in my sites/all/modules directory. After following the instructions in the IMCE modules readme.txt, I was able to use my WYSIWYG editor successfully with syntax highlighting and image upload features working perfectly.