Allow all inline styles in Kupu

By default, Kupu does not allow the use of inline styles unless they are specified in the Style Whitelist.

For example, if you have some HTML as follows:

<div style="width:20px; background-color: #CCCCCC;"> Content Here </div>

Kupu replaces it with:

<div>Content Here</div>

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[1].toLowerCase();
        if (validation.styleWhitelist[name]) {
            styles[i] = name+': '+parts[2];
        } else {
            styles.splice(i,1); // delete
        }
    }
    if (styles[styles.length-1]) styles.push('');
        val = styles.join('; ').strip();
}