Question on Wygwam from Pixel & Tonic

Question

We use Wygwam for client to enter their content to EE. Client would like to enter order list type with A,B,C,D instead of 1,2,3,4. Can someone give me a hint how can I add option to client to choose order list type on the icon bar?

Thanks, Angela

Answer 1

Following along with the Wygwam documentation you should be able to do this using the style set.
https://docs.pixelandtonic.com/wygwam/using/style_set.html

Your style set code would need to look something like:

CKEDITOR.stylesSet.add( 'my_styles',
[
        { name : 'Ordered List', element : 'ol', attributes : { 'class' : 'list-alpha' } },
]);

Once you've made your list, highlight it and click the Styles dropdown. You should see your newly created style.

Once selected if you check the source you should see it attached to the element.

From here you'll need to add some css to that element. Something like:

.list-alpha {list-style-type: upper-alpha;}