dca2010 wysiwyg
DESCRIPTION
Shootout at the WYSIWYG Corral presentation from Drupalcamp Atlanta 2010.TRANSCRIPT
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
`