How to disable the Style Whitelist in Kupu

Kupu is the default WYSIWYG editor that ships with Plone 2.1.×.

By default, Kupu does not allow the use of inline styles.

For example, if you have some HTML as follows:

Kupu replaces it with:

The current method to allow inline style elements such as “width” and “background-color” require you to manually enter it in the Style Whitelist in Kupu’s preferences. However, if you want to allow the use of all inline styles you need to modify kupucontentfilters.js

In the ZMI, go to your Plone Instance. Customize the file /portal_skins/kupu/kupucontentfilters.js and remove the following function call:

if (val) {var styles = val.split(/; */);for (var i = styles.length; i >= 0; i—) if (styles[i]) {var parts = /^([^:]+): (.)$/.exec(styles[i]);var name = parts¹.toLowerCase();if (validation.styleWhitelist[name]) {styles[i] = name+’: ’+parts²;} else {styles.splice(i,1); // delete}}if (styles[styles.length-1]) styles.push(’’);val = styles.join(’; ’).strip();}