Your SlideShare is downloading. ×
  • Like
Dca2010 wysiwyg
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Shootout at the WYSIWYG Corral presentation from Drupalcamp Atlanta 2010.

Shootout at the WYSIWYG Corral presentation from Drupalcamp Atlanta 2010.

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide
  • The WYSIWYG module has made installation into Drupal much simplerDownload, unpack into sites/all/libraries , Enable, configureNo more hassling with random js files (e.g. fckeditor dir inside of fckeditor dir, edit file to enable buttons)However, it has to keep up with releases and changesTinyMCE issue, edit the .inc file in the modulejWYSIWYG, markItUp, Whizzywig – install probs, couldn’t resolve. I tried, I really did. Contact me if you have a strong favorite, can help me setup and want me to test it out.
  • Scored each on a scale of 1 to 10, DQ’d those that I could not get installed.
  • Ckeditor – clean install, br tag paste issue, best paste from word good docs and help guides including a drupal-specific pageTinyMCE – br tags, decent paste from word (lost 1 alignment in table), install took extra fixNiceEdit – install issues, button issues, paste from word problemsopenWYSIWYG – paste from word (post-paste) didn’t fully scrub, missing some common buttonsWYMEditor – promising standards-based editor, but because of its strict standards focus, lacks a few features on its own YUI – giant install file 78mb, paste from word


  • 1. Shootout at theWYSIWYG CorralBy Jeff DiecksSenior Project Manager, Mediacurrent
    Drupalcamp Atlanta 2010
    October 2, 2010
  • 2. “They’re all basically the same.”
    Photo by Jonlarge/ Flickr
  • 3. “They’re all basically the same.”
    Photo by parudox/Flickr
  • 4. Objective
    Select the best editor, available through the WYSIWYG Module, for common content entry tasks in Drupal.
  • 5. Candidates
    YUI Editor
  • 6. 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
  • 7. 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
  • 8. My Scores
    CKEditor - 61
    NicEdit - 34
    openWYSIWYG - 36
    TinyMCE - 61
    WYMeditor - 55
    YUI Editor - 57
    markItUp – DQ
    Whizzywig - DQ
  • 9. Time for a Shootout
    Photo by Mlhradio/Flickr
  • 10. Criteria Added by Attendees
    Inline Images
    Teaser Break
    Cross browser
    special characters
    comment code (<!-- -->
  • 11. The Winner!
    Will be announced in a posting at later this week (Oct. 4-8, 2010) after I test the criteria the attendees suggested in the session against the two finalists