Joys Sorrows of Wysiwyg using Drupal
-
Upload
leoklein -
Category
Technology
-
view
4.094 -
download
1
description
Transcript of Joys Sorrows of Wysiwyg using Drupal
![Page 1: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/1.jpg)
Leo Robert KleinChicagoland Library Drupal Group
12/7/2009
*How I Stopped Worrying and Learned to Love the 'Wyg'
Joys & Sorrowsof
WYSIWYG*
![Page 2: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/2.jpg)
To WYSIWYG or
Not To WYSIWYG*
*Hamlet Act 3, scene 1, 55
![Page 3: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/3.jpg)
Never! Never! Never! • Brings out the worst in People
("Whaddaya mean I can't use 24 point Gothic in Lime Green?")
• Often: What You See Isn't What You Get (i.e. 'WYSI-NOT-WYG')
• Adds yet another layer of complexity • May still be frustrating given limitations of CMS• Learning how to tag may be a good thing• Not suitable for general public consumption
![Page 4: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/4.jpg)
Yes! Yes! Yes!• Best for those who have little or no experience
posting articles or comments on the web• Text-based tagging potentially a _big_ problem
and can be extremely frustrating (eg trouble-shooting)
• Content Creators more comfortable with MS Word
• Consistent with a more enhanced/interactive online user environment ('cloud computing')
In these cases, going WYSIWYG ensures:• Greater comfort-level• Greater buy-in
![Page 5: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/5.jpg)
World of (Too) Many Choices
WYSIWYG EDITORSFCKeditor, CKeditor, TinyMCE, jWYSIWYG, markItUp, NicEdit, openWYSIWYG, Whizzywig, WYMeditor 0.5,
YUI editor
WYSIWYG INTEGRATION MODULESWysiwyg, FCKeditor, CKeditor
EXTRASIMCE, Image Assist, ImageBrowser
![Page 6: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/6.jpg)
Time out, Time outThe Input Filter!!!
(from the FCKeditor README.txt) Either grant those users Full HTML access or use the following:<a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <strike> <caption>
Let us reflect...Function: to format & protect
Out of the box comes in two varieties*:• Filtered HTML• Full HTML
*not counting php
![Page 7: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/7.jpg)
WYSIWYG EditorsGeneral Considerations:• Speed (loading, working)• Browser compatibility • Pasted content from MS Word• Valid html?
Implementation Considerations:• Which tags/buttons to allow?• Theme friendly?
Examples:• CKeditor (formerly 'FCKeditor') - ckeditor.com• TinyMCE - tinymce.moxiecode.com
![Page 8: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/8.jpg)
WYSIWYG Integration ModulesHelper Application or Go-between Old School: Individual integration module for each editor (eg. TinyMCE module, FCKeditor module, etc.)
New School: One integration module for all! (eg. Wysiwyg Module) Advantages of integrated approach:• Need to install only editor• Integrate multiple editors• Provides consistent interface (i.e. API) for other modules
to add their own plugins/buttons
![Page 9: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/9.jpg)
ExtrasAdd-on Image & File Managers: • IMCE (image) - drupal.org/project/imce
• ImageBrowser (image) (demo) - drupal.org/project/imagebrowser
• Image Assist (image) - drupal.org/project/img_assist
• WebFM module (file) - drupal.org/project/webfm
• Better Formats (input formats) - drupal.org/project/better_formats
![Page 10: Joys Sorrows of Wysiwyg using Drupal](https://reader036.fdocuments.net/reader036/viewer/2022082915/54814226b4af9fe2158b5f74/html5/thumbnails/10.jpg)
Resources WYSIWYG Modulehttp://drupal.org/project/wysiwyg
WYSIWYG Drupal Grouphttp://groups.drupal.org/wysiwyg
Handbook page on Editorshttp://drupal.org/node/255599
Thank YouLeo Robert Klein leo 'at' leoklein 'dot' com www.leoklein.com (website)www.chicagolibrarian.com (blog)