How To: Use the HTML Editor


WARNING icon
 Setting up Email Message Templates is an Advanced User feature.


The HTML Editor is available from the context menu in the Email Message Template and also from the Web Teaser and Long Description panels in the [ Stock | Detail | Telesales/Internet Primary ] sub tab. It allows the users configure the message body using HTML giving them more control over the format of the body, for example using bold, italics and underline and also adding images for example logos, see How To: Insert an Image into an Email.

  1. Open an Email Manager screen (show me how).
  2. Tick the Templates radio button.
  3. Open the Templates or create a new one.
  4. Press Alt+E or click the green triangle icon is the buttonbar's EDIT button to enter edit mode.
  5. Right-click in the Message Template area.
  6. Select HTML Editor.
  7. The HTML Editor has the following buttons on the right hand-side of the popup:
    • HTML Editor emboldens the selected text: emboldens the selected text.
    • HTML Editor changes the selected text into italic: changes the selected text into italic.
    • HTML Editor underlines the selected text: underlines the selected text.
    • HTML Editor brings up the Font popup allowing the user to format the font, font style, size and colour: brings up the Font popup allowing the user to format the font, font style, size and colour.
    • HTML Editor brings up the hyperlink popup allowing a hyperlink to be inserted into the body: brings up the hyperlink popup allowing a hyperlink to be inserted into the body.
    • HTML Editor adds a bullet point: adds a bullet point.
    • HTML Editor heading style, normal and H1 to H6: heading style, normal and H1 to H6.
  8. Once finished, click OK.
  9. Press Ctrl+S or click the disk icon is the button bar's SAVE button to save the Message Template
  10. To see what it looks like:
  11. Right-click in the Message Template area.
  12. Select HTML Editor.


Note: the Context Menu in the HTML Editor contains the following options, not all of which are used:

  • Cut: cuts any selected text from the text area to the system clipboard.
  • Copy: copies any selected text from the text area to the system clipboard.
  • Paste: pastes any cut or copied text from the clipboard into text area.
  • View Source: opens Notepad with the message formatted in HTML.
  • Edit Hyperlink: brings up the hyperlink popup allowing the user to edit the hyperlink.
  • Insert Image: brings up the Picture popup enabling the user to insert an image into the main body of the email, see How To: Insert an Image into an Email.
    Note: the following options from the context menu of an image are used in Khaos Control, the rest are NOT used:
    • Cut: cuts any selected image from the text area to the system clipboard.
    • Copy: copies any selected image from the text area to the system clipboard.
    • Paste: pastes any cut or image text from the clipboard into text area.

Did you find this article helpful?