The Atto Text and Media Editor
The text and media editor allows you to add text and media content to the Moodle website. This tool is present in most components and actions in the Moodle, such as: Forum, description and instructions in the activities, Quiz, Page, Journal.
Using the content editor you can:
-
Add a subtitle to a topic.
-
Add links to an external site and file.
-
Add photos and animations.
-
Embed an entire Word file as text.
-
Embed videos and recordings (including H5P video).
What's in the guide?
Click on one of the categories
to learn about the editing tools
Click on the arrow to expand the toolbar
New in the 2024 Moodle!
Precise language orientation control button:
Allows you to change text direction from different languages within text.
How to add a hyperlink to a website?
1. Type in the text or paste an image into the editing field of the content editor.
2. Select the text or image that will be a link.
3. Click on the link icon.
4. In the panel that opens, enter or paste the link address to the relevant website.
5. Finally, click on "Create link".
Example of creating a hyperlink in text:
Example of creating a hyperlink in an image:
How do I add a link to a file?
1. Enter the text or paste an image into the editing field of the content editor.
2. Select the text or image that will be a link.
3. lick on the "link" icon.
4. In the panel that opens, click on "Browse repositories...".
5. In "Choose File" search for the desired file on your computer and select it.
6. To finish, click "Upload this file".
How do I embed a Word file?
1. Press the Word button.
2. In "Choose File" search for the desired file on your computer and select it.
3. Finally, click "Upload this file".
How to add an image using the content editor?
There are 3 options for inserting an image in the content editor:
Option A -
1. Click on the Add Image icon.
2. Select the desired image by clicking "Browse Repositories", then browse to search your computer.
3. Finally, click "Save image".
Option B -
1. In the toolbar, click on the image insert icon.
2. In the window that opens, in the "Enter URL" field, enter a link to the image you selected from the Internet.
3. In the box below, add a description to the image and finally click "Save Image".
Option C -
1. Choose an image, and using "copy" and "paste" attach it to the designed content page in the desired place.
2. To finish, click on "Save image".
When you are done editing the content page, click on the "Save and display" button.
View an example of a content page that includes a link to a file and an image:
How to add a file to the page resource?
1. In the editor box, write the text that will be a link to the file, for example:
"Click here to download the file"
Highlight the text and click on the "link" icon.
2. In the window that opens, click on "Browse repositories..."
3. In the next window that opens, check that the selected tab in the menu on the left is "Upload a file" and then click on "Choose file".
4. Choose the file you want to upload from your computer, double-click on it and check that it is now attached.
5. To finish, click on "Upload this file".
Looking for a specific action using Content Editor?
We have more tutorials!
