Can WYSIWYG module / CKEditor be configured to use classes instead of inline styles for text indents? [#1135030]

I apologize if this is the wrong place to be asking this question, but I'm trying to determine if I can easily configure WYSIWYG / CKEditor to use classes instead of inline styles when formatting text (e.g. - applying indents to paragraphs). Using CKEditor directly (w/o the WYSIWYG module installed), the default config appeared to apply styles like 'rteindent' for indents. Now that I have WYSIWYG running, the indent function uses 'margin-left' instead, and those styles are subsequently stripped out of Filtered HTML. I really like both CKEditor and the WYSIWYG module, and options like running WYSIWYG Filter or using a Full HTML input format each have their drawbacks, so I suspect I'm just missing the obvious fix. How do I configure CKEditor to continue using classes instead of inline styles?

Comments

Comment #1

TwoD

Swedish

Sweden

CreditAttribution: TwoD commented 23 April 2011 at 00:38

Status:

Active

» Fixed

Yes, that is possible. CKEditor has settings for using classes instead of many inline styles, but we don't have a GUI to set them (yet). But we have a Drupal hook you can implement to override the CKEditor settings generated by Wysiwyg module.
For an example of how to use classes for alignment, see #732846-1: CKEditor configuration via ckeditor.config.js.
There's also the indentClasses setting you can change in the same way.

I'd like to suggest checking out WYSIWYG Filter, a replacement for Drupal core's "HTML Filter". It can be configured to allow style attributes and individual style properties on the tags you need them on. Read the instructions carefully, it takes some time to set up the first time since it gives you so many options.

Hope that fixes things for you.

Comment #2

jessegue CreditAttribution: jessegue commented 27 April 2011 at 14:46

Thank you TwoD!

I took the custom module route using your 'mymodule_wysiwyg_editor_settings_alter' hook, and that method seems to work as advertised for indent classes. I was hesitant to use the WYSIWYG filter because its project status is unknown, and I am grateful that this hook options is effective.

Thanks again for your help!

Comment #3

TwoD

Swedish

Sweden

CreditAttribution: TwoD commented 28 April 2011 at 00:15

You're welcome!

Unknown status just means the maintainer hasn't selected anything yet. The last commit to the repository - not counting the Git migration - was in January, it's got 4k users and only 5 known issues (not very serious ones it seems) and I'm personally using it on several sites so I can vouch for it being functional and stable. :)