Duncan Booth Kupu, Past Present And Future


Published on

Kupu is the visual editor in Plone. This talk will cover how it came about, what it can do now, and what it might become. The talk will cover the new features in Kupu 1.4, and how to configure Kupu to get the best out of it. It will also look at some of the challenges that Kupu has to meet in the future.

Published in: Business, 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

Duncan Booth Kupu, Past Present And Future

  1. 1. Kupu Past, Present & Future
  2. 2. History <ul><li>Original developers: </li></ul><ul><ul><li>Paul Everitt </li></ul></ul><ul><ul><li>Guido Wesdorp </li></ul></ul><ul><ul><li>Philipp von Weitershausen </li></ul></ul><ul><ul><li>and many others </li></ul></ul><ul><li>Plone integration </li></ul><ul><ul><li>driven by Oxfam </li></ul></ul>
  3. 3. Kupu 1.4 thanks to <ul><li>Duncan Booth </li></ul><ul><li>Alex Limi </li></ul><ul><li>Danny Bloemendaal </li></ul><ul><li>KSS developers </li></ul><ul><li>and the Plone i18n team </li></ul>
  4. 4. Kupu vs FckEditor <ul><li>Kupu </li></ul><ul><ul><li>Tries to do ‘just enough’ </li></ul></ul><ul><ul><ul><li>but does it succeed? </li></ul></ul></ul><ul><ul><li>Skins should apply styles: not users </li></ul></ul><ul><li>FckEditor </li></ul><ul><ul><li>‘ Word replacement’ </li></ul></ul>
  5. 5. Kupu Compatibility <ul><li>Kupu 1.3.x </li></ul><ul><ul><li>Plone 2.0 – 2.5.x </li></ul></ul><ul><li>Kupu 1.4.x </li></ul><ul><ul><li>Plone 2.1(ish) – 3.0 </li></ul></ul><ul><li>Kupu 1.5? </li></ul><ul><ul><li>probably Plone 3.x+ </li></ul></ul>
  6. 6. New in 1.4 <ul><li>Character styles </li></ul><ul><li>Anchor links </li></ul><ul><li>Source view filtering </li></ul><ul><li>Customisable tool bar </li></ul><ul><li>UID Converter </li></ul>
  7. 7. Kupu styles <ul><li>New </li></ul><ul><ul><li>Character styles </li></ul></ul><ul><ul><ul><li>Highlight </li></ul></ul></ul><ul><ul><li>Table elements </li></ul></ul><ul><ul><ul><li>Plain cell </li></ul></ul></ul><ul><ul><ul><li>Odd row </li></ul></ul></ul><ul><ul><ul><li>Even row </li></ul></ul></ul><ul><ul><ul><li>Heading cell </li></ul></ul></ul><ul><ul><li>(remove style) </li></ul></ul>
  8. 8. Drawer cleanup <ul><li>Radio button interface </li></ul><ul><ul><li>separates selection and navigation </li></ul></ul><ul><ul><li>allows linking to folderish content </li></ul></ul><ul><ul><li>can also work as checkbox interface </li></ul></ul><ul><li>Edit image/link settings </li></ul><ul><li>Image scales </li></ul><ul><li>Upload image here </li></ul><ul><li>Breadcrumb navigation </li></ul>
  9. 9. Anchor links
  10. 10. Anchor links within a document
  11. 11. Managing anchors
  12. 12. Configurable toolbar <ul><li>(thanks to the Seattle conference) </li></ul><ul><li>Enable/disable by checkbox </li></ul><ul><li>tal condition for each feature </li></ul><ul><li>global tal expression returns a list of enabled features </li></ul>
  13. 13. Improved in 1.4 <ul><li>Link by UID and captioning </li></ul><ul><ul><li>output transform configured automatically </li></ul></ul><ul><li>Sprite toolbar </li></ul><ul><ul><li>Faster & cleaner page load </li></ul></ul><ul><li>Cleanup code improved </li></ul>
  14. 14. Captioning
  15. 15. Captioning
  16. 16. Captioning <ul><li>Caption taken from image description </li></ul><ul><li>Alt text taken from title </li></ul><ul><li>Alt text and caption update if image updated </li></ul><ul><li>Scaled images link back to original </li></ul><ul><li>Transform uses a skin template. </li></ul>
  17. 17. Improved in 1.4 <ul><li>Translations now done by Plone i18n team </li></ul><ul><li>‘ linkable’ resource is now a blacklist </li></ul><ul><ul><li>new content types linkable by default </li></ul></ul>
  18. 18. New in 1.4 (Plone 3.0 only) <ul><li>Filtering now controlled in Plone </li></ul><ul><ul><li>Common settings for safe html and kupu </li></ul></ul><ul><li>Save button (when inline editing) </li></ul><ul><li>GenericSetup support </li></ul>
  19. 19. New but disabled by default <ul><li>Flash support </li></ul><ul><li>Table of contents (pre Plone 3.0?) </li></ul><ul><li>Reference widget </li></ul><ul><li>Colour selector and other buttons </li></ul>
  20. 20. Enabling Flash Support <ul><li>Site setup -> HTML filtering </li></ul><ul><ul><li>Nasty tags: remove ‘embed’ & ‘object’ </li></ul></ul><ul><ul><li>Stripped tags: remove ‘param’ </li></ul></ul><ul><ul><li>Custom tags: add ‘embed’ </li></ul></ul><ul><ul><li>**Press save** </li></ul></ul><ul><li>Site setup -> Visual Editor -> Toolbar </li></ul><ul><ul><li>Check ‘embed-tab’ </li></ul></ul><ul><ul><li>**Press save** </li></ul></ul>
  21. 21. Embedding External Flash
  22. 22. Enabling Flash as content <ul><li>Install ATFlashMovie </li></ul><ul><li>Site setup -> Visual Editor -> Resource Types </li></ul><ul><ul><li>Add FlashMovie to mediaobject </li></ul></ul><ul><ul><li>Add FlashMovie section to Action URLs: </li></ul></ul>
  23. 23. Enabling Flash as content
  24. 24. Kupu reference browser
  25. 25. Not in 1.4 <ul><li>Spell checker </li></ul><ul><ul><li>Use browser plugin </li></ul></ul><ul><ul><ul><li>Standard in Firefox </li></ul></ul></ul><ul><ul><ul><li>Use ie7pro in IE 7 </li></ul></ul></ul><ul><ul><ul><ul><li>http://www.ie7pro.com/ </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Best IE spellchecker, but does too much: </li></ul></ul></ul></ul>“ IE7Pro includes Tabbed Browsing Management, Spell Check, Inline Search, Super Drag Drop, Crash Recovery, Proxy Switcher, Mouse Gesture, Tab History Browser, Web Accelerator, User Agent Switcher, Webpage Capturer, AD Blocker, Flash Block, Greasemonkey like User Scripts platform, User Plug-ins and many more power packed features.”
  26. 26. Kupu Future <ul><li>Safari support </li></ul><ul><ul><li>Broken regular expressions </li></ul></ul><ul><ul><ul><li>fixed October 2 nd ! </li></ul></ul></ul><ul><ul><li>Missing DOM methods </li></ul></ul><ul><ul><ul><li>working round those </li></ul></ul></ul><ul><li>you need </li></ul><ul><ul><li>Safari 3.0.3 (522.12) </li></ul></ul><ul><ul><li>Webkit r26041 (523.6) </li></ul></ul><ul><ul><li>kupu 1.4.4 </li></ul></ul><ul><ul><ul><li>(I hope) </li></ul></ul></ul>
  27. 27. Kupu Future <ul><li>Insert document </li></ul><ul><ul><li>open and insert a local file </li></ul></ul><ul><li>Improved cleanup </li></ul><ul><ul><li>better cleanup on paste </li></ul></ul><ul><ul><li>structural validation </li></ul></ul><ul><ul><li>feedback if cleanup loses anything important </li></ul></ul><ul><li>Other ideas? </li></ul><ul><ul><li>volunteers welcome </li></ul></ul>
  28. 28. Kupu Future <ul><li>Get rid of drawer.xsl </li></ul><ul><ul><li>It scares developers </li></ul></ul><ul><ul><li>Could use Plone standard selection widgets </li></ul></ul><ul><ul><li>Or some Javascript templating </li></ul></ul><ul><ul><li>Or perhaps keep the xsl but clean it up (and figure out some way to unscare the developers) </li></ul></ul>
  29. 29. Kupu Future <ul><li>Wild ideas </li></ul><ul><ul><li>Switch to widgeteer model? </li></ul></ul><ul><ul><li>Rewrite in silverlight, flash or java? </li></ul></ul>