To add images using the WYSIWYG Editor within VolunteerMatters Components Website

Place your cursor in the spot you would like the image to appear and click the "Image" button (imagebutton.png).  This will open the "Images Properties" window:


You will then click the blue "Browse Server" button.  This will open the "CKeditor - Resources Browser Window":


Then click on your main root folder link (in this example it is labeled “10437 – The Hendrick Foundation") and navigate to the image you wish to use.  You can also create a new folder or upload a new image using those tools available in the window.

The folder will be created in whichever folder you are in at the time.  To upload a new image just navigate to the folder you wish to house the image and click "Browse" and locate the image on your local machine and then select it and click "Open".  This will return to you "CKeditor - Resources Browser Window” and then you will click “Upload”.  Once the image is uploaded it will be available for immediate use.  

Once you have located the image you wish to use simply click on it and you will be returned to the "Image Properties" window where you will see the image’s width and height.   Here you can set the image attributes: border, horizontal/vertical space, and alignment:


Then click the green "OK" button and your image will be displayed in the WYSIWYG Editor.

Once you're satisfied with your changes, select Publish. This makes your changes live on the website.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Powered by Zendesk