Email in HTML Format

NOTES:

By default, the Email View as HTML format option is turned off for all users except those with Superuser security privileges. This is because it can be a potential security vulnerability if your anti-virus software is not configured or is inadequate to screen email messages.

HTML formatting does not display for Email recipients who use a plain text email browser.

'View As' option is available if the original Email was in HTML format

Providing the original Email was sent in HTML format, you can choose to display it in either HTML or Text format (plain text is without formatting such as colours, fonts, bold and italic).

However, if the original Email was in Plain Text format, the HTML option is not available, and you will not see the View as option.

In the email windows, you can click the View as button and choose how the message body is displayed:

'View as' field

View As options

To create HTML Email Messages

The HTML Editor displays if you select View as > HTML when creating a new email message, :

Create Email example 2

The advantage of HTML over plain text is that you have more control over the appearance of the message - you can change font style and size, add colour, specify other formatting, and insert images.

NOTE: the HTML formatting does not display for Email recipients who use a plain text email browser.

Buttons and Functions

The HTML Editor tools and buttons are the same as or similar to those used in most Windows applications.

Each button has a tooltip to describe its function that is displayed when you hover the mouse pointer over it:

HTML Editor tooltip example

Design or Code toggle button

By default, the HTML editor displays the formatted message. If you click this button, it will instead display the HTML code.

Print button (html editor)

Click this to print the email message.

Copy, cut, paste buttons

These buttons allow you to respectively copy, cut, and paste highlighted text in the message body. Text can be highlighted as follows:

Click the left mouse button, and while holding it down, drag it sideways over text.

Click the left mouse button at the start of the text you wish to highlight, then hold down the Shift key while clicking the left or right arrow button on your keyboard.

You can also duplicate the buttons' functions using the keyboard:

'C' key is the same as the 'Copy' button

'X' key is the same as the 'Cut' button

'V' key is the same as the 'Paste' button.

Justification buttons

These buttons justify the current block (paragraph) of text: left, centred or right-justified respectively.

Bold, Italic, Underline, Strikeout

These buttons apply formatting to the selected block of text: bold, italic, underlined or strike-through. You can also duplicate the buttons' functions using the keyboard:

'B' key is the same as 'Bold'

'I' key is the same as 'Italic'

'U' key is the same as 'Underlined'

'U' key'S' key is the same as 'Strike-through'

Indent, outdent buttons

Click these buttons to indent the block of text or decrease the indent.

font and colour button

Highlight the text and click this button to format the current font:

Font window

Font window (HTML Editor)

Font: The current font is shown; click the drop-down menu to select another font.
Size: Click the drop-down to choose another size.
(Note that the size is relative, not the size in points - '3' does not mean "3-point font").
Fore/Back Colour: The current fore / background colour (in hexadecimal) is shown; click the Font colour button (HTML Editor) button to choose a different colour from the colour chart.

Spellcheck button

Spell-check your text.

Undo Redo buttons

Undo the last change that you made | Repeat a change that you have just undone.

'Insert or Edit hyperlink' button

To insert a new hyperlink, click this button and then enter the hyperlink's address.

If you have text highlighted, the text will be coloured blue and underlined.

If no text is highlighted, the hyperlink itself will be inserted as text.

To edit an existing hyperlink, highlight it and click the button, then edit the address.

Click Delete to delete the address completely.

Image buttons (HTML Editor)

Insert an image from your computer | insert an image from a remote (web) address.

List buttons (HTML Editor)

Insert a numbered list | Insert an unsorted (bullet-pointed) list

TIP: If you already have text you wish to turn into a list, highlight it and click the appropriate button; each new line of the highlighted text will become an item in a list.

Insert Table button (HTML Editor)

Insert a table - this will display the Table Properties dialog window to enable you to specify how many rows and columns and other parameters the table is to have.

TIP: To create a table quickly, just specify the Rows and Columns and accept the defaults for the other parameters.

'Line' button (HTML Editor)

Insert a horizontal line at the cursor's current position.

Once you have completed editing your message, click the Send button Send button to complete the email.
This will locate the email in the Outbox, ready to send.

See also...

Sending Email with attachments

Attachment Picker

Next >>

Attachment Picker