Kupu

Past, Present & Future

History

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

Plone integration– driven by Oxfam

Kupu 1.4 thanks to

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

Kupu vs FckEditor

Kupu– Tries to do ‘just enough’

• but does it succeed?

– Skins should apply styles: not users FckEditor

– ‘Word replacement’

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+

New in 1.4

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

Kupu styles

New– Character styles

• Highlight

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

– (remove style)

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

Anchor links

Anchor links within a document

Managing anchors

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

Improved in 1.4

Link by UID and captioning– output transform configured automatically

Sprite toolbar– Faster & cleaner page load

Cleanup code improved Javascript is JSLint clean

Captioning

Captioning

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.

Improved in 1.4

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

– new content types linkable by default

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

New but disabled by default

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

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**

Embedding External Flash

Enabling Flash as content

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

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

Enabling Flash as content

Kupu reference browser

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

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)

Kupu Future

Insert document– open and insert a local file

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

Button framework Accessability Insert snippets/portlets Other ideas?

– volunteers welcome

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)

Kupu Future

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