Dca2010 wysiwyg


Published on

Shootout at the WYSIWYG Corral presentation from Drupalcamp Atlanta 2010.

Published in: Technology
  • 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

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
  • Dca2010 wysiwyg

    1. 1. Shootout at theWYSIWYG CorralBy Jeff DiecksSenior Project Manager, Mediacurrent <br />Drupalcamp Atlanta 2010<br />October 2, 2010<br />
    2. 2. “They’re all basically the same.”<br />Photo by Jonlarge/ Flickr<br />
    3. 3. “They’re all basically the same.”<br />Photo by parudox/Flickr<br />
    4. 4. Objective<br />Select the best editor, available through the WYSIWYG Module, for common content entry tasks in Drupal.<br />`<br />
    5. 5. Candidates<br />CKEditor<br />NicEdit<br />openWYSIWYG<br />TinyMCE<br />WYMeditor<br />YUI Editor<br />`<br />
    6. 6. Setup<br />-WYSIWYG Module<br />-Install editors<br />-Input Format for each editor, all filters on, strip disallowed tags<br />-Allowed tags list: <br /><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 /><br />-Configure WYSIWYG profile settings<br />-Enter 1 node per editor, select corresponding input filter<br />`<br />
    7. 7. My Criteria<br />Installs Easily & “Just Works”<br />Available Buttons & Keyboard Shortcuts That Work:<br />e.g. Bold, Italic, Underline, Indent, Lists, H2, Links <br />Paste From Word<br />Paste From Notepad<br />Line breaks and clean paragraphs<br />Quality of Markup Generated<br />Documentation<br />`<br />
    8. 8. My Scores<br />CKEditor - 61<br />NicEdit - 34<br />openWYSIWYG - 36<br />TinyMCE - 61<br />WYMeditor - 55<br />YUI Editor - 57<br />jWYSIWYG - DQ<br />markItUp – DQ<br />Whizzywig - DQ<br />`<br />
    9. 9. Time for a Shootout<br />Photo by Mlhradio/Flickr<br />
    10. 10. Criteria Added by Attendees<br />Inline Images<br />Teaser Break<br /><hr><br />Cross browser<br />tabs<br />special characters<br />comment code (<!-- --><br />`<br />
    11. 11. The Winner!<br />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<br />`<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.