Dca2010 wysiwyg

Shootout at theWYSIWYG Corral

By Jeff DiecksSenior Project Manager, Mediacurrent

Drupalcamp Atlanta 2010October 2, 2010

“They’re all basically the same.”

Photo by Jonlarge/ Flickr

“They’re all basically the same.”

Photo by parudox/Flickr

Objective

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

`

Candidates

CKEditor

NicEdit

openWYSIWYG

TinyMCE

WYMeditor

YUI Editor

`

Setup

-WYSIWYG Module

-Install editors

-Input Format for each editor, all filters on, strip disallowed tags

-Allowed tags list:

<a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <b> <i> <u> <img> <h1> <h2> <h3> <h4> <h5> <h6> <div> <span> <table> <tbody> <tr> <th> <td> <br />

-Configure WYSIWYG profile settings

-Enter 1 node per editor, select corresponding input filter

`

My Criteria

Installs Easily & “Just Works”

Available Buttons & Keyboard Shortcuts That Work:e.g. Bold, Italic, Underline, Indent, Lists, H2, Links

Paste From Word

Paste From Notepad

Line breaks and clean paragraphs

Quality of Markup Generated

Documentation

`

My Scores

CKEditor - 61NicEdit - 34openWYSIWYG - 36TinyMCE - 61WYMeditor - 55YUI Editor - 57jWYSIWYG - DQmarkItUp – DQWhizzywig - DQ

`

Time for a Shootout

Photo by Mlhradio/Flickr

Criteria Added by Attendees

Inline Images

Teaser Break

<hr>

Cross browser

tabs

special characters

comment code (<!-- -->

`

The Winner!

Will be announced in a posting at mediacurrent.com later this week (Oct. 4-8, 2010) after I test the criteria the attendees suggested in the session against the two finalists

`