Image with JCE

The JCE editor gives you an alternative way to work with images.

Log in to your sites Front end. 

Click on the system cog and select Edit in the article you want to add  picture to.



In the editor place the cursor at a point in the text where you want the image. Then click on the image icon in the toolbar.


 This will open the image manager. Click on the upload image icon in the middle right toolbar


You can browse and select the image file or simply drag it from a location on your computer. (You can also upload multiple files at once) When you have made your selection click Upload.

Now we need to place the uploaded image into our article. 

When your image(s) have uploaded you should be returned to the Image Manager. Click on the name of the image you want to insert in the bottom pane.


This will make its URL appear in the top pane.


The JCE Image manager gives you options for alignment, text flow, image size, borders, margins mouse rollover images and customized styles. Try changing these options.

Press Insert when you are done.

You can re edit the image by selecting it in the editor and clicking on the image icon in the toolbar to open the Image Manager as before.

To save your changes remember to click Save, to close the article editor.