WordPress: Adding a Proper Visual Editor to Your Plugin

When developing a new plugin for WordPress, sometimes you want to add a visual/WYSIWYG editor to one of your plugin’s settings fields. Unfortunately, most of the tutorials you’ll find online only explain part of what needs to be done in order to get that working. The main problem I have encountered when looking at these tutorials and example plugins is the fact that they only invoke the visual editor; they don’t offer any way for the user to use the editor in HTML mode.

A New Alternative to TinyMCE

I came across a post on the Web Resources Depot today referring to a new (to me, at least) WYSIWYG editor similar to TinyMCE. However, this new editor, known as MooEditable, uses the MooTools javascript framework rather than implementing everything with its own libraries and frameworks. It appears to be lighter weight than the full TinyMCE package, but I’m not sure how it compares in functionality.

If you’ve tried MooEditable, please let me know what you think. What are your experiences? How does it stack up against TinyMCE?

TinyMCE 3.2.4 Released

The folks over at TinyMCE are still plugging away on the best WYSIWYG editor available. Another new release came out yesterday.

This new version includes some bug fixes and apparently a lot of new features for the paste function.

I found the bug fix mentioned in the quote below very interesting. I will have to test it out when I return to work next week to see if this allows TinyMCE to work on the iPhone. I doubt it will, but it’s definitely worth testing.

“We also fixed a somewhat critical bug where some WebKit versions would fail with a DOM Range exception due to a WebKit bug. We added a workaround for this one and reported the bug to the WebKit team.”

If you get a chance to test the new version before I do, let me know what you find.