Add a class to an image

My stylesheet has a class called fltrt which is:

.fltrt { float: right; margin: 8px; padding: 2px; border: 1px solid #000 }

When I insert an image into the editor I need to be able select the image and add this class from the dropdown Styles box in the toolbar. However, I can't seem to work out how to do this. The built-in "Image on Right" style (from the stylescombo/styles/default.js file) adds inline style rules which I don't want.

In short, after inserting an image I need to add class="fltrt" to the img tag. I've searched the forums but haven't found the answer. Is there a way?

Thanks
Steve

Mon, 12/07/2009 - 17:56

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Add a class to an image

Use this kind of definition:

   {
      name : 'Nice picture',
      element : 'img',
      attributes : { 'class' : 'highlighted'}
   },

Mon, 12/07/2009 - 18:12

sfleischer

Joined: 07/12/2009

Posts: 10

Re: Add a class to an image

Excellent! Thank you so much.

best regards
Steve

Thu, 12/10/2009 - 12:11

stylo~

Joined: 13/07/2009

Posts: 40

Re: Add a class to an image

What about a class that gets applied to numerous elements, such as a "highlight" class?

Thu, 12/10/2009 - 12:14

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Add a class to an image

stylo~ wrote:What about a class that gets applied to numerous elements, such as a "highlight" class?

What do you mean?

He asked how to define a class in the styles combo and that's the answer.