KEMBAR78
Using html editor in moodle | PDF
Using HTML Editor in Moodle
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.
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.
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.
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.
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;
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.
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;
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;
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;
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;
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
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.
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.

Using html editor in moodle

  • 1.
  • 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.