Wywiwyg and Drupal
-
Upload
melissa-mcewen -
Category
Technology
-
view
518 -
download
0
Transcript of Wywiwyg and Drupal
![Page 1: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/1.jpg)
WYWIWYG
Melissa McEwen Twitter/Drupal: Melissamcewen
![Page 2: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/2.jpg)
The Need
• So-called “normal” people don’t like dealing with code
• Need a graphical interface for creating and editing content
![Page 3: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/3.jpg)
What You See Is What You Get
• Users can see something closer to the final product instead of HTML
• Buttons and other features to help format text, add images, links to urls, etc.
![Page 4: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/4.jpg)
Drupal
• Wordpress has a native WYSIWYG, Drupal does not• Many different types of WYSIWYG editors and modules to
chose from
![Page 5: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/5.jpg)
WTFIWYG
• WYWIWYG modules in general often frustrate users because they lie– Filters– Stupid evil copy and
pasting
![Page 6: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/6.jpg)
Fun with Users: Pasting from MS Word
![Page 7: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/7.jpg)
NOOOOOOOO
WHYYYYY???!!WHYYYYY???!!
![Page 8: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/8.jpg)
GIANT IMAGE OF DOOM
MY PAGE LOAD TIME IS SOOOOOOO HIGH! WHY?
![Page 9: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/9.jpg)
Do You Need This?• CCK/Views/CSS solution available• Create content types• Style fields
Field: titleField: Url + Field: Link titleField: image + imagecache resizeCSS
![Page 10: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/10.jpg)
Stages
![Page 11: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/11.jpg)
Input Format
• Valuable opportunity to tailor editor to user needs
• Plain HTML for admin, lots of buttons for content editors (images, bullet points) , a few (bold, link, etc.) for anon comments
• http://drupal.org/project/better_formats
![Page 12: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/12.jpg)
Popular Editors
• CKEditor• FCKeditor• TinyMCE• YUI• All of them have
some issues
![Page 13: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/13.jpg)
Two Options
Individual modules• CKEditor, FCKeditor• Often has more options for
customization • Often have annoying things,
like CKEditor assumes you want it for every text field unless you exclude it
WYSIWYG API• Flexible- switch to a different
editor easily• Growing number of options
that are very useful like strip out crap on paste, choosing buttons without editor code
• The future! Standardization for other module integration!
• Libraries API: Keep stupid non-Drupal code out of your /modules directory
http://drupal.org/node/831478
![Page 14: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/14.jpg)
Image Handling
• Do you use built-in image upload?• Insert module/CCK Field might be a better
option– No code editing to enable– Probably more secure– Imagecache integration
• Resize filter, save your bandwidth• IMCE or Imagebrowser
http://groups.drupal.org/node/49658
![Page 15: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/15.jpg)
Filters
• Do your options match up for what’s allowed?• For example: image button, when <img> tag is
not allowed by filter
![Page 16: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/16.jpg)
![Page 17: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/17.jpg)
![Page 18: Wywiwyg and Drupal](https://reader035.fdocuments.in/reader035/viewer/2022062513/55584b7ed8b42a943b8b47a3/html5/thumbnails/18.jpg)