Preventing CKEditor from removing classes assigned in source mode?

Question

I want to be able to add a class attribute to a UL in source mode of CKEditor. When I do that and switch back to the normal editor mode the

 <ul class="xxxx">

becomes

 <ul>

How can I get it to not remove the class tag?

Answer 1

This happens because of Advanced Content Filter (ACF).

You need to use extraAllowedContent like this: config.extraAllowedContent = 'ul(*)'; to allow any CSS class for ul element.

You can be more specific and allow only certain CSS classes, like this: config.extraAllowedContent = 'ul(class1,class2,class3)'; (note no space between names).

You could also disable ACF (not ideal though) and allow everything like this: config.allowedContent = true;