Hi Folks,

This has cropped up a few times recently -

"how to add a class to an img using JCE" ... " and I'm not sure about to add the html"



First step - You have selected using a cursor where you want the image to be added

Click the Tree icon ( that respresents an image)

Select your image by searching for the folder or from the images folder root



I have my orange selected

Then I've clicked the "advanced" tab

There is a class list you can chose your existing template style from (in JCE config you need to point the editor at the relevant css file)

In my case I know the styling so I've added the two classes to the classes field (note the space - without the space the two styles won't work)

Once I have styles I want to add - I hit the Insert button

Which on the front end gives a float left effect using the html class floatleft - where the text floats around the content



And a nice border style added by using the border class on the image

And looking at the html it gives me

<img class="floatleft border" alt="orange-164985" src="/gregg/images/category-fillers/orange-164985.jpg" height="300" width="300">

without having to open up the HTML editor