Simple Syllabus: Adding, Replacing, and Removing Images

Updated on Sep 19, 2025

About

Images can be added to the editable components. Below are the two sets of instructions for adding, replacing and removing images. The instructions may vary by component.

1. Add an Image Using the "Add Image" Button

Click on the "Add image" button.

Note: An image needs to be saved to the computer to use the "Upload" feature.

Click on the "Drag file here, or click to browse." box to upload it from the computer. Or click and drag the file from the computer.

Once the image is uploaded it can be replaced or removed if needed.
Click on the "Save" button.

Note: A URL will need to be copied from a web image to use the URL feature.

Copy image address and paste it into the "URL" filed.
Click on the "Save" button.

Congratulations, you have successfully added an image to the component!

2. Add an Image Using the "Insert Image" Icon

Click on the "Insert Image" icon. Or click in box and the type Ctrl+P (The keyboard shortcut may not work for an Apple device).

Note: An image needs to be saved to the computer to use the "Upload" feature.

Click on the "Drop image (or click)" box to upload it from the computer. Or click and drag the file from the computer.

Once the image is uploaded the image tools will become available. The image tools allow the image to be replaced, aligned, captioned, removed, styled, and resized. A link and alternative text can also be added to the image. Lastly, the image can be displayed inline or to break text.