Moodle’s WYSIWYG

Spent most of last week playing around with Moodle’s WYSIWYG editor. We are about to launch a trial of Moodle and I really wasn’t happy with some of the limitations/problems with the existing HTMLarea editor.

There are moves afoot to replace the editor in version 2.0, but we can’t wait for this. Some work had been done by others on integrating tinymce3 and I was able to take this and build on it. I have managed to do a temporary integration by turning off the default editor and pasting the tinymce javascript into a theme header.html file.

Getting it running was the easy bit. I then had to integrate the Moodle image and link file browser, but thanks to reasonable documention for tinymce it wasn’t too much of a problem.

The integration was mostly achieved without having to touch core Moodle or tinymce code, so it won’t be affected by upgrades to either package. The only thing I had to hack in Moodle was the javascript form validation script as the form textarea content in tinymce was not visible to the validation script  without tinyMCE.triggerSave(); being run. This is a bit of a pain, but at least it is just one line of code in one file that will need to be re-applied after Moodle upgrades.

It mostly seems to be working now,  but I need to do some more extensive testing to make sure!

Details about the integration and download of the required files can be found at
http://www.host4learning.com/moodlemce/

One Response to “Moodle’s WYSIWYG”

  1. PK Says:

    You are right, Moodle WYSIWYG is pain in the …. I had to change editors just like you. I am looking forward to new versions of Moodle with new editors ;)

Leave a Reply