Change style to class

Hello all,

This is my first time posting on any sort of technology forum (relatively new to the professional development world) so please bear with me. I have scoured the forum and Google for an answer to my question but have not yet found any references to it. I am trying to figure out if it is possible to edit the editor to output class names instead of style attributes? I.E......

Current editor behavior:


Desired editor behavior:


If this IS possible, is it also possible to add multiple class names to the same tag?


I guess what I am really asking is....Is it possible to control how CKEditor renders tag attributes? I would like to thank anyone for their help in this matter ahead of time.

Chris

Mon, 10/05/2009 - 22:54

euharrison

Joined: 05/10/2009

Posts: 2

Re: Change style to class

try something like this
CKEDITOR.config.contentsCss = '/ckestyle.css';
at the config.js file

look for more at, maybe it can help you
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html

Tue, 10/06/2009 - 18:45

malekith2k5

Joined: 05/10/2009

Posts: 3

Re: Change style to class

In case anyone needs the answer to this question it was actually quite a simple solution. Just put the attribute information you want into a custom style set.

E.g.
CKEDITOR.addStylesSet( 'my_styles2',
[
{ name : 'Style 1', element : 'span', attributes : { 'class' : 'my_style my_style2' } },
{ name : 'Style 2', element : 'span', attributes : { 'class' : 'my_style3' } }
]);

CKEDITOR.config.stylesCombo_stylesSet = 'my_styles2';