Overview: HTML Editor in Moodle ISU

Description

The HTML editor in Moodle ISU appears on any page where text can be entered. You can use the editor to manipulate text, insert images, create links, etc.

This Guide Will Help You to:

  • Identify  Icons in the Moodle ISU Editor

  • Editing in HTML

Identify  Icons in the Moodle ISU Editor

Icons on the toolbar may be used to assist you with formatting, inserting, linking, etc in Moodle.

" "

The First Row of the HTML Editor

[Note: You may need to highlight the desired word or words before clicking the button in the html editor.]

" "

Show more/fewer buttons - This button will let you minimize and maximize the number of rows of the editor.

" "

Paragraph styles - This button will let you choose different paragraph styles.

" "

Bold - Click this button to bold any sentence or word.

" "

Italic - Click this button to italicize any sentence or word.

" "

More font colors - Highlight text and click this button to determine the text color.

" "

Unordered list - Click this button to create your sentences into an unordered list.

" "

Ordered list - Click this button to create your sentences into an ordered list.

" "

Link - Click this button to link to an external website.

" "

Unlink - Click this button to unlink any linked website.

" "

Image - Click this button to upload an image.

" "

Media - Click this button to upload a video file.

" "

Manage files - Click this button to manage files.

The Second Row of the HTML Editor

[Note: You may need to click the show more button to see additional row of buttons.]

" "

Underline - Click this button to underline any sentence or word.

" "

Strike through - Click this button to strike through any sentence or word.

" "

Subscript - Click this button to subscript any sentence or word.

" "

Superscript - Click this button to superscript any sentence or word.

" "

Left align - Click this button to align the text of image with the left-hand margin.

" "

Center - Click this button to center the text or image on the page.

" "

Right align - Click this button to align the text or image with the right-hand margin.

" "

Outdent - Click this button to outdent a word or sentence.

" "

Indent - Click this button to indent a word or sentence.

" "

Equation editor - By using this function you can edit an equation. You can select the desired equation and add it to the text.

" "

Insert character - Click this button to insert a symbol or character.

" "

Table - By using this function you can insert a table. You can insert a caption, define headers and also put in your desired number of rows and columns to create your table.

" "

Clear formatting - Click this button to clear formatting for the selected text.

" "

Undo - Click this button to undo the previous action.

" "

Redo - Click this button to redo an action.

The Third Row of the HTML Editor

" "

Accessibility checker - By using this function you can scan your text for any accessibility problems.

" "

Screenreader helper - By using this function you can scan your text for screen reader accessibility issues.

" "

HTML - Click this button to edit the html formatting for the page.

Editing in HTML

  1. Click the HTML icon to access the html formatting  and source code.

  2. You will see the code that comprises the textbox.  

  3. Edit or add HTML code to the page.

" "

To save:

  1. Click Save and display to save the page.

  2. Click Cancel to delete the changes made to the page.

Seek Further Assistance

For additional assistance please contact, ITRC at (208) 282 5880 or itrc@isu.edu

For more information please visit, Moodle.org: Text editor

Creative Commons License
This work was created by the Idaho State University Instructional Technology Resource Center and is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.

Details

Article ID: 50362
Created
Thu 3/15/18 2:40 PM
Modified
Mon 4/20/20 11:17 AM