WYSIWYG Shootout: And the winner is...

Chief Operating Officer

WYSIWYG Shootout: And the winner is...

Corresponding Blog Image

We held a WYSIWYG Shootout last Saturday at Drupalcamp Atlanta (see presentation slides here, with video of the session forthcoming). The stated purpose of the session:

"Select the best editor, available through the WYSIWYG Module, for common content entry tasks in Drupal."

CKeditor and TinyMCE emerged as the leading contenders following my initial evaluation of a batch of nine candidates. In the session, we asked for other suggested criteria from the attendees in order to declare a final winner.

The list of suggested criteria included:

  • Inline Image Handling
  • Teaser Breaks
  • Insert hr's
  • Cross-browser compatability
  • Treatment of tabs in content
  • Special character handling
  • Insert comments into source code


Due to time constraints, the final evaluations of CKeditor and TinyMCE were made after the conclusion of the session.

The results are now in, and TinyMCE defeated CKeditor by a score of 61 to 51 against the Round 2 criteria.

After overcoming an installation hiccup in Round 1 (see issue here), TinyMCE proved better at handling inline images, cross-browser issues and special characters. It also provides an autosave option that warns users against inadvertently hitting the back button and losing content that was entered.

For inline images, the setup covered by Jen Lampton in a DrupalCon Paris session was installed and configured. CKeditor failed the test, getting lost in the image path it attempted to set. CKeditor's buttons also got mangled a bit by my IE8 browser while TinyMCE's appearance remained consistent. Surprisingly, both editors inserted special characters directly into the source code, rather than using html codes (the things with the ampersands and semicolons). TinyMCE earned an extra point for at least offering the HTML and numeric codes for the special characters in its popup dialogue box.

Though the editors offer similar, robust feature sets and can get the job done, TinyMCE wins by a narrow margin when evaluated against this list of 14 criteria. Thanks to all who attended the session, and please chime in with a comment if you've found a feature that is handled better by a particular editor.

comments powered by Disqus