The What You See Is What You Get (WYSIWYG) editor is used for creating vacancy adverts and response emails. The editor has a user friendly interface that should be familiar to users of Microsoft® Office and other Office suite software packages.
The editor provides standard editing features, as well as the ability to edit content directly in HTML code. The toolbar provides access to the various editing options available in the editor. Text and graphics can be copied and pasted into the editor as plain text.
Toolbar Options
The toolbar provides access to most of the editor functions and commands. The buttons available on the toolbar are grouped together by common functions where possible.
The toolbar options are as follows:
Bold text style (CTRL + B) enter image description here
Italic text style (CTRL + I) enter image description here
Underline text style (CTRL + U) enter image description here
Strike through text style enter image description here
Align left enter image description here
Align centre enter image description here
Align right enter image description here
Align justified enter image description here
Format list. Contains a list of pre-formatted font styles enter image description here
Font family. Provides a number of different fonts, including those to enable double-byte character languages, such as Simplified Chinese, to be displayed correctly enter image description here
Font size list enter image description here
Font color. Selecting the dropdown arrow provides a color picker to select from and also enables you to select custom colors enter image description here
Background color. Selecting the dropdown arrow provides a color picker to select from and also enables you to select custom colors enter image description here
Ordered list/numbered list enter image description here
Unordered list/bulleted list enter image description here
Decrease indentation enter image description here
Increase indentation enter image description here
Undo the last operation (CTRL + Z) enter image description here
Redo the last operation (CTRL + Y) enter image description here
Insert a new link. Clicking this opens a new dialog box, where the URL for link can be entered, along with selecting whether to open the link in a new window or the current window enter image description here
Remove selected link. Highlight a link with the cursor and click this button to remove the link enter image description here
Insert a new anchor. Select this button opens a new dialog box, where an anchor name can be provided for the point on the page where the cursor is active. This enables a new link to be included, linking to that part of the page. enter image description here
Cleanup code. Removes unwanted formatting. This function is useful when copying pre-formatted text from Word. enter image description here
WYSIWYG Editor Help enter image description here
HTML Coding. This button opens a new window where content can be entered in the editor in HTML code. When it is saved and closed, the content is updated in the WYSIWYG editor without the code being displayed enter image description here
Cuts highlighted text (CTRL + X) enter image description here
Copies highlighted text (CTRL + C) enter image description here
Pastes content into the editor along with its formatting (CTRL + P) enter image description here
Pastes content into the editor as plain text, removing any formatting enter image description here
Find and Replace feature which can replace a single instance or every instance of a word or phrase within the editor enter image description here
Remove formatting, such as bold and colored text enter image description here
Insert Table. Selecting this option opens a new window where the table parameters can be configured. See the WYSIWYG editor help for more details enter image description here
Editor Actions
The WYSIWYG editor includes the standard editing features that you would expect to be able to complete with an editor. Text and graphics can be included in the content of a vacancy advert created in the editor. The ability to redo and undo a step are included for instances in which a mistake is made.
When using the WYSIWYG editor with HTML emails, images are currently supported for emails but not for vacancies.
Selecting Text and Graphics
When you want to move, delete or replace content in the editor, you must first select what you want to work with. You can do this using the mouse or keyboard.
Selecting Content Using the Mouse
Drag the pointer across what you want to select or use one of the following shortcuts:
Anything - Drag across it from beginning to end
A word - Double-click on it
Start a selection - Click at the start of the selection
End a selection - Hold down SHIFT and click at the end of the selection
Selecting Content Using the Keyboard
Use one of the following shortcuts:
A character to the right - SHIFT + right arrow
A character to the left - SHIFT + left arrow
A line before - SHIFT + up arrow
A line after - SHIFT + down arrow
To end of line - SHIFT + END
To beginning of line - SHIFT + HOME
All - CTRL + A
Using the Clipboard
You can copy, cut and paste content using the system clipboard. This is a quick way of transferring content from other applications to the WYSIWYG editor and within the editor itself.
To Perform This Action:
Copy selected content in the WYSIWYG editor onto the clipboard.
Select the content and click on the icon for copy or CTRL + C.
Move (copy and delete) content in the WYSIWYG editor onto the clipboard.
Select the content and click on the icon for cut or CTRL + X.
Paste contents of the clipboard into the WYSIWYG editor.
Use the cursor to indicate where the content should be placed and click on the icon for paste or CTRL + V.
Paste the contents of the clipboard into the WYSIWYG editor, as plain text without any formatting.
Use the cursor to indicate where the content should be placed and click on the icon for paste plain text.
Redoing and Undoing Actions
If a mistake is made while editing content in the editor, the Undo option can be used to reverse the action and make the required correction. Subsequently, if an action is undone by mistake, the Redo option can be used to move it back again. The ability to Undo or Redo an action is only available in the current session in which you are editing content. When Save or Cancel is selected, the ability to Undo or Redo is removed until more content is added.
To undo an action click on the icon for undo or CTRL + Z
To redo an action click on the icon for redo or CTRL + Y
Finding and Replacing Text
Changes can be made to the text in the WYSIWYG editor using the Find and Replace feature. Specific instances of text can be changed or every occurrence within the editor can be modified.
When using the WYSIWYG editor click on the icon for find and replace to display the Find/Replace dialog box.
Select the Replace tab and enter the text values to be found and replaced.
Ensure the cursor is at the start of the editor content and select Direction/Down.
Click Find Next to find any matching text values then click Replace to swap that instance
Or -
Click Replace All to replace every instance of the value.