Graphical HTML Editor
Navigation Path
- In the Main Navigation, click Create New > Message
⇒ Step 1. Type opens. - Enter message information and select Email from the Type drop-down list.
- Click Create.
⇒ Step 2. Content opens.
Purpose
This editor makes it possible to edit an email message with limited knowledge of HTML.
Hint:
The graphical editor does not completely replace the need for a basic understanding of HTML code. Different email clients display email code differently. It is the responsibility of the person who creates the message to ensure that the HTML code is correct. For this reason, users with no previous knowledge of HTML code are encouraged to work with CMS templates. For more information, see CMS Messages.
The structure of the email is displayed at the bottom of the editor.
- - Highlights complex personalization rules in the email.
- - Highlights personalization placeholders and Mapp Engage Variables in the email.
Toolbar Commands
Symbol | Action | Explanation |
---|---|---|
Undo | Undo the previous change. | |
Redo | Redo the last undone change. | |
Find | Opens the Find and Replace window. Search for text with this input field. | |
Replace | Opens the Find and Replace window. Search for and replace text with these input fields. | |
Select All | Selects all the available HTML code. | |
Link | Selects text or an image in your email. Click the Link button to open a window in which the link can be defined. | |
Unlink | Removes the link without removing the text or picture | |
Anchor | Inserts an anchor in your email. | |
Image | Opens the Image Properties window. Here you can insert an image from the Mapp Engage server into your code. For information, see Use a Content Store Element in an Email. | |
Image Map | Opens the Insert or Edit Image Map window for the selected image. Here you can add an image map to the image. You can also assign links to areas of the image. For more information, see Insert or Edit Image Map (window). | |
Table | Opens the Table Properties window. Here you can define the table structure. | |
Insert Horizontal Line | Inserts an hr tag which creates a horizontal line in the email. | |
Insert Special Character | Opens the Select Special Character window. You can insert special characters into your text in this window. Characters such as é are automatically replaced and do not need to be selected in the window. | |
Maximize | Opens the WYSIWYG editor without the navigation area. | |
Text Colour | Inserts a span tag that defines the color of the text. | |
Background Colour | Inserts a span tag that defines the background color of the text. | |
Bold | Inserts a strong tag which formats the font-weight of the text as bold. | |
Italic | Inserts an em tag which formats the font style of the text as italic. | |
Underline | Inserts a u tag which places a line underneath the text. | |
Strike-Through | Insert a strike tag that places a line through the text. | |
Subscript | Inserts a sub tag that places the text slightly lower than the surrounding text. | |
Superscript | Inserts a sup tag which places the text half a character above the baseline. | |
Numbered List | Inserts or removes a li tag which creates a numbered list. | |
Bulleted List | Inserts or removes an ul tag which creates a bulleted list. | |
Decrease Indent | Inserts a style attribute that defines the left margin. | |
Increase Indent | Inserts a style attribute that defines the right margin. | |
Align Left | Inserts a style attribute that aligns text to the left. | |
Centre | Inserts a style attribute that aligns text to the center. | |
Align Right | Inserts a style attribute that aligns text to the right. | |
Justify | Inserts a style attribute that justifies both sides of the text. |
Keyboard Shortcuts
Shortcut | Action | Explanation |
---|---|---|
Ctrl+Z | Undo | Undo the previous change. |
Ctrl+Y or Ctrl+Shift+Z | Redo | Redo the last undone change. |
Ctrl+L | Hyperlink | Opens the hyperlink window. |
Ctrl+B Bold. | Bold | Inserts strong tags around the selected text to make it bold. |
Ctrl+I | Italics | Inserts em tags around the selected text to make it italic. |
Ctrl+U | Underline | Inserts u tags around the selected text to create a line under the text. |
Ctrl+C or Ctrl+Insert | Copy | Copies the selected area of the email. |
Ctrl+V or Shift+Insert | Paste | Pastes the selected area into the email. |
Ctrl+X or Shift+Delete | Cut | Removes the selected area of the email. |
Ctrl+left arrow or Ctrl+right arrow | Jumps to the previous or next word. | |
Ctrl+Backspace | Deletes the previous word. | |
Ctrl+Delete | Deletes the currently selected word. | |
Shift+Enter | <br> | Inserts a new line in the currently selected paragraph or list item with a break tag. |
Alt+F10 | Moves the window focus area from the email editing area to the toolbar. |