Learn@Illinois Moodle - Student - Using the Text Editor

This page will explain how to use the Tiny MCE editor in the Learn@Illinois Moodle installation.

For a permanent link to this information, please use: http://go.illinois.edu/MoodleTextEditor

If your text editor looks different, you may need to click "use advanced editor" on your page (if posting to a forum) or read Changing your Text Editor to change your default text editor.

Note: The Tiny MCE editor does not save your text as you compose. If you lose connection or get logged off while composing online, your work will not be saved and there is no way to recover it. Use a text editor or word processing program to compose your assignment and save often. Because most programs add code that online editors cannot read, wait to format the assignment and add images and other media to it until after you have cut and pasted the text into the text editor on the course website.

Note: Due to accessibility concerns it is strongly recommended not to change the color of text, highlight text, and change the font size of text.

Expanding the editing toolbar

Your editing toolbar can be expanded by clicking the Toolbar Toggle button.
Expanding editing toolbar screenshot


You can select the format of your text by using the format drop-down menu. This will allow you to create headings. Because the website uses Heading 1 and Heading 2 for things like your course title and activity names, it is a good idea to start with a Heading 3 and work down from there for subheadings. This way your course site will make more sense to people using screen readers. Read more about typographic hierarchy.
Formatting screenshot

Bolding, Italicizing, Underlining, & Strikethroughs

Make text bold, italicized, underlined, or strikethrough.
Bolding, italicizing, underlining, and strikethrough screenshot

Bulleting, Numbering, and Indenting

To make an unordered list, select the text and click the Insert/remove bulleted list button. To make an ordered list, select the text and click the Insert/remove numbered list button.
Bulleting and numbering screenshot

Use the Decrease indent and Increase indent buttons to change the level of the list. Learn more about when to using bullets and numbers.
Indenting screenshot

Linking and Autolinking

To link to something outside of the course website, highlight the text you want to link and click the Insert/edit link button.

In the pop-up window, enter the link URL. In the "Target" drop-down menu, select Open in a new window to avoid inadvertently forcing someone to navigate away from the course website.

Click the Insert button and the text color will be blue, indicating that it is now a link.

To undo this, click the Unlink button.

If you notice that something is linked, but that you did not intentionally create the link, it is probably an autolink.

Autolinking is feature of Moodle that creates links to an activity, glossary, or database entry where the word or phrase of the activity is used within the same course in which the activity is located.

You can choose to do this intentionally to refer to something in the course website. If you would like to prevent something from autolinking, highlight the text and click the Prevent automatic linking button.
Linking and autolinking screenshot
Linking options screenshot

Adding Files and Media

Files and media screenshot


To add an image, select the Insert/edit image button. You can find an image on your computer and many other locations.

To add an image from the internet, enter the URL in the "Image URL".

To find an image on your computer, click Find or upload an image...
Search for and upload image screenshot

Next, click the Choose File button, search for and select the image, click the Open button, then click the Upload this file button. 

In the "Image description" field, add an optional image description and then click the Insert button. 

Note: It is always a good idea to add an image description for accessibility purposes. If someone cannot see the image, they will still be able to understand what it is.

You can edit how the image appears in the "Appearance" and "Advanced" tabs. You can get back to this menu by clicking on the image and then clicking the add/edit image icon again.

Audio and Video

To add audio and video, you must have the file hosted on another server.

If you have the file hosted on the Ensemble server, click the Insert Moodle media button then click Find or upload a sound, video or applet... 

If the audio or video is hosted on another site, you can insert the embed code into the HTML window by clicking the HTML button (see below) and pasting the embed code there.

Other Files

If you would like to attach a file to your text, look for the "additional files" upload area below the text editor. If there is no additional files area, you will not be able to attach an additional file.

If you want to learn how to embed Illinios Media Space, read the following documentation: Embedding Audio or Video from Illinois Media Space.

Undoing and Redoing

If you want to undo your last action, click the Undo button (left-facing arrow). You can do this any number of times.

If you would like to redo an action you just undid, click the Redo button (right-facing arrow).
Undo and redo screenshot

Subscripting and Superscripting

To create a subscript, select the text you would like to subscript and click the Subscript button. 

To create a superscript, select the text you would like to subscript and click the Superscript button.
Subscript and superscript screenshot

Aligning Text

To align text to the left, select the text you would like to be aligned to the left and click the Align left button. 

To align text to the center, select the text you would like to be aligned to the center and click the Align center button. 

To align text to the right, select the text you would like to be aligned to the right and click the Align right button.
Align text screenshot

Creating Tables

To add a table, select the Insert/edit table button.

This will take you to the "General" and "Advanced" properties menus. Once your table has been created, you can get back to these table by clicking on the table, then clicking on the Insert/edit table button.

For more options, right-click on the table.
Tables screenshot

Finding and Replacing

To find a word or phrase in a block of text, click the Find button and search for the term.

To replace multiple instances of a word or phrase in a block of text, click the Find/replace button. Enter the term you are searching for and the term you would like it to be replaced with.
Find and replace screenshot

Cleaning Up Formatting

If you have pasted from another source and the text is formatted improperly, you have several options.

Clicking the Clean up messy code button will remove some hidden messy code. 

Clicking the Remove formatting button will remove unwanted formatting. 

 The Paste from Word button will remove unwanted formatting from Word documents.

The Paste as plain Text button will remove unwanted formatting from other sources. 
Cleaning up formatting screenshot

If these solutions do not remove all unwanted formatting, you can always paste the text into the HTML field by clicking the Edit HTML source button. 
HTML button screenshot

Full-Screen Mode

To enter full-screen mode, click the Toggle full-screen mode button.

Note: Not all functionality will be available in full-screen mode.

Keywords:moodle, format, style, Tiny MCE, toolbar, style, links, insert image, files, media, find and replace   Doc ID:71424
Owner:ATLAS-TLT .Group:University of Illinois Liberal Arts and Sciences
Created:2017-03-06 17:04 CDTUpdated:2019-04-19 16:02 CDT
Sites:University of Illinois Liberal Arts and Sciences
Feedback:  1   0