Adding images to pages in the Editor

There are two methods of adding an image to a page you’ve created in the editor.

via WebDAV

The first involves uploading the images to your website webdav via a program like Cyberduck. Click the link to learn how to set that up if you haven’t already. Once you have access to you webdav files, upload your images into the /s/img folder. You can realistically use any folder you like, but for consistency we suggest using this one.

Once your images are uploaded into the desired folder, you can reference them on any page or content block using the following syntax:

<img src="images/placeholder.png" class="lazy" data-src="/s/img/imagename.jpg" alt="" />

This calls the images directly from your website files and can be a more efficient method than referencing from within onCourse. You can also add image attributes like 'alt', 'height', 'width' etc.

via onCourse

The second method involves uploading the images directly into onCourse, setting the permissions for the images with 'shareable link' turned on, which enables the image to appear on the website. Then, you can reference the image in an imf tag directly using the shareable link generated, like below:

<img src="images/placeholder.png" class="lazy" data-src="https://website.com.au/longimageurlstring" alt="" />

This then calls the image from the URL. You can also add image attributes like 'alt', 'height', 'width' etc.