1. Using HTML Editor in Moodle

2. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
Moodle has an internal HTML editor which provides a word-processor interface for text input.

3. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
Whenever you add a resource or an activity to your Moodle course, you might have to use this editor.
It is therefore important that beginners learn how to use the editor.

4. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
Note that the HTML editor only works in Internet Explorer and Mozilla Firefox browsers.

5. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
So what exactly can the HTML editor do for you? Let’s take a look at the different functions on the toolbar.

6. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
1. For font; 2. Bold;
Font size; Italicised;
Font Type; Underlined;
Language Strikethrough
Functions in the upper row include:
1. Changing font type, font size, format and language;
2. Changing text style and effects such as bold, italic, underline and strikethrough;

7. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
3. sub- Script;
super Script; 4. Clean Word HTML;
5. Undo;
Redo;
3. Changing text effects - sub- and super-script;
4. Cleaning up original format before pasting content from MS Word documents (doc/docx); and
5. Undoing or redoing last action.

8. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
6. Alignment formats;
7. Typing direction from left to right;
Typing direction from right to left;
Functions in the lower row include:
6. Adjusting alignments; 7. Choosing typing directions;

9. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
8. Ordered list;
Bulleted list;
9. Decrease Indent;
Increase Indent;
8. Bulleting and numbering;
9. Decreasing and increasing indent level;

10. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
10. Text Color;
Text Background color;
11. Horizontal line;
Anchor;
10. Changing text colour and text background colour;
11. Adding a line to separate paragraphs and creating a link to anchor related information to a paragraph;

11. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
12. Insert Web link;
Remove link;
Prevent automatic linking;
13. Insert image;
Insert table;
12. Inserting / removing hyperlinks or preventing automatic hyperlinking;
13. Inserting images and tables;

12. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
14. Insert smiley;
Insert Special Characters;
Find and replace;
15. Toggle HTML source;
14. Adding emotion icons and special characteristics such as ©, â, @, ç, ë,® as well as searching for and replacing words;
15. Toggling between the HTML view and WYSIWYG (What You See Is What You Get) view; and

13. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
16. Enlarge editor
16. Enlarging the HTML editor - to open it in a separate window.

14. Centre for Learning, Teaching and Technology Moodle Series: Using HTML Editor in Moodle
Web page: http://www.ied.edu.hk/lttc
Email: lttc@ied.edu.hk
This learning series numbered MOTS31-12.08.v2 of the Centre for Learning, Teaching and
Technology (LTTC) is licensed under a Creative Commons Attribution-NonCommercial-
NoDerivs 3.0 Hong Kong License.