HTML editor
Moodle has a standard toolbar that serves as an HTML interface. Many of the icons on the tool bar can be found on most text editing (word processing) programs. This page will cover some of the icons/tools which may not be as familiar to a new user of Moodle.
For example, you can cut/copy and paste text from other applications into this editor and formatting will be preserved. There is the usual clipboard icon which is for pasting text that has been copied or cut. Or use the usual short cut keys of Control+C and Control+V .
How it works?
Shortcut keys
Here are some common editing short cut or hot keys which will within the HTML editor in WYSIWYG view. Different operating systems and browsers may not support all these keys. The most universal hot keys are in bold.
Keys | Action | Keys | Action | |
---|---|---|---|---|
Ctrl-C | Copy | Ctrl-V | Paste | |
Ctrl-X | Cut | Ctrl-F | Find text | |
Ctrl-H | Find and replace | * | * | |
Ctrl-Z | Undo | Ctrl-Y | Redo | |
Ctrl-B | Make text bold | Ctrl-I | Make text italic | |
Ctrl-U | Underline text | Ctrl-S | Strikethrough text | |
Ctrl-H | Change text format (headings etc.) | Ctrl-1 | to Ctrl-6 Change heading level | |
Ctrl-, | Subscript | Ctrl-. | Superscript | |
Ctrl-O | Change the font | Ctrl-0 | Clean Word HTML | |
Ctrl-L | Justify left | Ctrl-E | Center | |
Ctrl-J | Justify full | Ctrl-/ | Text runs left to right | |
Ctrl-| | Text runs right to left | Ctrl-; | Decrease indent | |
Ctrl-' | Increase indent | Ctrl-G | Change text colour | |
Ctrl-K | Change background colour | Ctrl-P | Change the font size | |
Ctrl-` | Switch to HTML source code view | Ctrl-M | Toggle fullscreen editor mode | |
Ctrl-Alt-O | Insert ordered list | Ctrl-Alt-U | Insert unordered list | |
Ctrl-Alt-R | Insert horizontal rule | Ctrl-Alt-A | Create anchor | |
Ctrl-Alt-L | Create link | Ctrl-Alt-D | Unlink | |
Ctrl-Alt-N | Turn off autolinking | Ctrl-Alt-I | Insert image | |
Ctrl-Alt-T | Insert table | Ctrl-Alt-S | Insert emoticon | |
Ctrl-Alt-C | Insert special character | Ctrl-= | Change text language for screen readers, or specify language for the Multilang filter |
Tips and Tricks
- Theme settings can control the default fonts in the HTML editor. It is possible to have individual themes for a context (for example, a course may have its own theme).
- When you choose many functions a new small window will open. Unfortunately it can often open BEHIND the window you are in so you may miss that anything has happened. You can check new windows with [Alt]+[Tab].
- The HTML editor does not work in all browsers. If you are using a Mac OS X and for some reason it does not appear, try using Firefox instead of Safari as a browser.
- Can not make HTML give you the text style you want? Use an image or even an animated gif file.
See also
- HTML editor FAQ
- Page content - for more assistance on using some of above editing icons
- Insert image - examples and instructions for inserting and editing images
- HTML in Moodle
- HTML editor settings - change the look of the HTML toolbar
Using Moodle forum discussions:
- Question about insert image function in HTML editor including methods of enabling students to insert images using the HTML editor
- Need to display english special phonetic symbols for ESL students
- tables in HTML editor