Hi, I would like to add an automatic padding to the floating images, I see CKEditor adds these rules to the element:
How can I add a class (or add further element rules) to the images I choose to align right/left?
Thanks
float: right; width: ###px; height: ###px;
How can I add a class (or add further element rules) to the images I choose to align right/left?
Thanks
Re: Image alignement, how to add css rules
I, on the other hand, would just like to know how to add a class to all images that are inserted in the content. I looked in the image plugin and tried to add the class in there through trial and error but none of my changes ever seemed to do anything.
@mastroianni: I'm sure you could add those attributes via the justify plugin. I'm looking at the code now and I think you could add it somewhere in the justifyCommand function. I'm sorry if this is completely wrong but that's where I'd start. Assuming "this" is the element being manipulated you might be able to add another class or modify the style attribute if the values you want to change are static...
Re: Image alignement, how to add css rules
I also needed to add padding to floating images, so here's what I did. In plugins/image/dialogs/image.js I added the following code to the commit function after line 1033:
This way when you commit an image with the editor it automatically adds the padding. However, this isn't the best way to do this because an upgrade to CKEditor source code will overwrite the little hack. Still, until I find out a better way this is working for me, hope that it will help you too.
Re: Image alignement, how to add css rules
Re: Image alignement, how to add css rules
Just found a CSS-based solution to this, thanks to http://drupal.org/node/751840#comment-3459470