I need to enable users to add or remove spacing between bullets (unordered list). In my particular environment, the styling needs to be done via inline 'style' attributes and not a class or a style sheet. This would not seem to be a problem as CKEditor has the nifty styleSet feature. I added entries for element 'li' in the styleSet, the style appears in the style pull-down, but when I drag the mouse over a long list of bullets then select the 'List Item -Space' style , nothing happens. The style is only applied if I select the bullets one at a time and select the style; for a long list, this can take a long time.
A related problem is when there are sub-bullets. The only element that will accept styling is the outermost <li> tag (one at a time); the sub-tags will not be changed when I select them and apply the 'List Item - Space' style.
To reproduce:
1) Add these entries to the config.styleSet:
CKEDITOR.config.stylesSet = [
{name:'List Item-No Space',element:'li', styles:{'margin-bottom':'0'}},
{name:'List Item-Space', element:'li', styles:{'margin-bottom':'0.8em'}}
];
2) In the editor, create a simple list:
<ul><li>Item 1</li><li>Item2</li><li>Item 3</li></ul>
3) In the editor, select all three items and select, 'List Item-No Space' from the styles pull down -- nothing happens.
Is there some other way to use styleSet so that a user can apply a style to many list items at once?
Note this is using ckeditor 3.6.6.1