Dca2010 wysiwyg
Upcoming SlideShare
Loading in...5
×
 

Dca2010 wysiwyg

on

  • 3,188 views

Shootout at the WYSIWYG Corral presentation from Drupalcamp Atlanta 2010.

Shootout at the WYSIWYG Corral presentation from Drupalcamp Atlanta 2010.

Statistics

Views

Total Views
3,188
Views on SlideShare
3,152
Embed Views
36

Actions

Likes
0
Downloads
7
Comments
0

1 Embed 36

http://www.mediacurrent.com 36

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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 Dca2010 wysiwyg Presentation Transcript

  • Shootout at theWYSIWYG CorralBy Jeff DiecksSenior Project Manager, Mediacurrent
    Drupalcamp Atlanta 2010
    October 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 - 61
    NicEdit - 34
    openWYSIWYG - 36
    TinyMCE - 61
    WYMeditor - 55
    YUI Editor - 57
    jWYSIWYG - DQ
    markItUp – DQ
    Whizzywig - 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
    `