Adding an Image to a Text Field

The Moodle text editor allows users to include images to a site text field. This process will allow you to add that are saved on your device or publicly accessible through a web URL. 

Step 2: In the pop-up that appears, click Browse Repositories to upload an image file. 

Note: If you have a web-based image file, you can post the URL in the field and skip to step 7. 

Step 3: In the file picker, click Choose file and locate the file in the storage location on your computer. 

Step 4: When the file appears as an attachment, click Upload this file. 

A preview of the image will appear in the Image properties window

Step 5:  Enter details about the image in the Describe this image for someone who cannot see it field. 

Note: A description is requested to meet ADA accessibility guidelines for those using screen readers.

Step 6:  The initial image size is set based on the image dimensions. To adjust the size, enter a numerical value into the one of the fields. 

Note: Optimal pixel size for an  image in Moodle is in the 300-325 range. 

Step 7: Click Save image when finished. 

The image will then appear in the text field. Add additional text as needed around the image.

Step 8: When finished, scroll to the bottom of the screen and click Save Changes.