Top Banner
Kupu Past, Present & Future
30

Duncan Booth Kupu, Past Present And Future

Jan 23, 2015

Download

Business

wooda

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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Duncan Booth   Kupu, Past Present And Future

Kupu

Past, Present & Future

Page 2: Duncan Booth   Kupu, Past Present And Future

History

Original developers:– Paul Everitt– Guido Wesdorp– Philipp von Weitershausen– and many others

Plone integration– driven by Oxfam

Page 3: Duncan Booth   Kupu, Past Present And Future

Kupu 1.4 thanks to

Duncan Booth Alex Limi Danny Bloemendaal KSS developers and the Plone i18n team

Page 4: Duncan Booth   Kupu, Past Present And Future

Kupu vs FckEditor

Kupu– Tries to do ‘just enough’

• but does it succeed?

– Skins should apply styles: not users FckEditor

– ‘Word replacement’

Page 5: Duncan Booth   Kupu, Past Present And Future

Kupu Compatibility

Kupu 1.3.x– Plone 2.0 – 2.5.x

Kupu 1.4.x– Plone 2.1(ish) – 3.0

Kupu 1.5?– probably Plone 3.x+

Page 6: Duncan Booth   Kupu, Past Present And Future

New in 1.4

Character styles Anchor links Source view filtering Customisable tool bar UID Converter

Page 7: Duncan Booth   Kupu, Past Present And Future

Kupu styles

New– Character styles

• Highlight

– Table elements• Plain cell• Odd row• Even row• Heading cell

– (remove style)

Page 8: Duncan Booth   Kupu, Past Present And Future

Drawer cleanup

Radio button interface– separates selection and navigation– allows linking to folderish content– can also work as checkbox interface

Edit image/link settings Image scales Upload image here Breadcrumb navigation

Page 9: Duncan Booth   Kupu, Past Present And Future

Anchor links

Page 10: Duncan Booth   Kupu, Past Present And Future

Anchor links within a document

Page 11: Duncan Booth   Kupu, Past Present And Future

Managing anchors

Page 12: Duncan Booth   Kupu, Past Present And Future

Configurable toolbar

(thanks to the Seattle conference)

Enable/disable by checkbox

tal condition for each feature

global tal expression returns a list of enabled features

Page 13: Duncan Booth   Kupu, Past Present And Future

Improved in 1.4

Link by UID and captioning– output transform configured automatically

Sprite toolbar– Faster & cleaner page load

Cleanup code improved

Page 14: Duncan Booth   Kupu, Past Present And Future

Captioning

Page 15: Duncan Booth   Kupu, Past Present And Future

Captioning

Page 16: Duncan Booth   Kupu, Past Present And Future

Captioning

Caption taken from image description Alt text taken from title Alt text and caption update if image

updated Scaled images link back to original Transform uses a skin template.

Page 17: Duncan Booth   Kupu, Past Present And Future

Improved in 1.4

Translations now done by Plone i18n team ‘linkable’ resource is now a blacklist

– new content types linkable by default

Page 18: Duncan Booth   Kupu, Past Present And Future

New in 1.4 (Plone 3.0 only)

Filtering now controlled in Plone– Common settings for safe html and kupu

Save button (when inline editing) GenericSetup support

Page 19: Duncan Booth   Kupu, Past Present And Future

New but disabled by default

Flash support Table of contents (pre Plone 3.0?) Reference widget Colour selector and other buttons

Page 20: Duncan Booth   Kupu, Past Present And Future

Enabling Flash Support

Site setup -> HTML filtering– Nasty tags: remove ‘embed’ & ‘object’– Stripped tags: remove ‘param’– Custom tags: add ‘embed’– **Press save**

Site setup -> Visual Editor -> Toolbar– Check ‘embed-tab’– **Press save**

Page 21: Duncan Booth   Kupu, Past Present And Future

Embedding External Flash

Page 22: Duncan Booth   Kupu, Past Present And Future

Enabling Flash as content

Install ATFlashMovie Site setup -> Visual Editor -> Resource Types

– Add FlashMovie to mediaobject– Add FlashMovie section to Action URLs:

Page 23: Duncan Booth   Kupu, Past Present And Future

Enabling Flash as content

Page 24: Duncan Booth   Kupu, Past Present And Future

Kupu reference browser

Page 25: Duncan Booth   Kupu, Past Present And Future

Not in 1.4

Spell checker– Use browser plugin

• Standard in Firefox• Use ie7pro in IE 7

– http://www.ie7pro.com/– Best IE spellchecker, but does too much:

“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.”

Page 26: Duncan Booth   Kupu, Past Present And Future

Kupu Future

Safari support– Broken regular expressions

• fixed October 2nd!

– Missing DOM methods• working round those

you need– Safari 3.0.3 (522.12)– Webkit r26041 (523.6)– kupu 1.4.4

• (I hope)

Page 27: Duncan Booth   Kupu, Past Present And Future

Kupu Future

Insert document– open and insert a local file

Improved cleanup– better cleanup on paste– structural validation– feedback if cleanup loses anything important

Other ideas?– volunteers welcome

Page 28: Duncan Booth   Kupu, Past Present And Future

Kupu Future

Get rid of drawer.xsl– It scares developers– Could use Plone standard selection widgets– Or some Javascript templating– Or perhaps keep the xsl but clean it up (and

figure out some way to unscare the developers)

Page 29: Duncan Booth   Kupu, Past Present And Future

Kupu Future

Wild ideas– Switch to widgeteer model?– Rewrite in silverlight, flash or java?

Page 30: Duncan Booth   Kupu, Past Present And Future