Using the WYSIWYG Editors

Throughout the HLC you will find editing windows that use a WYSIWYG (What You See Is What You Get) format. Within these editing fields, you can format text exactly as you wish it to appear for students.

WYSIWYG editing windows are used for crafting:

Editing Text

To edit text in the WYSIWYG editor

  1. Type the desired text into the editing window.

  2. Utilize the desired editing tools to format text, including font size, color, bold, justification etc. To edit specific text, first highlight the text.

Inserting Code Snippets

Some editing windows include Code Snippets, or placeholders for text that will be drawn into the page from other places within the HLC. Code snippets are used for instance, to customize certificates generated from a certificate template.

To insert a code snippet into a WYSIWYG window

  1. Place your cursor within the WYSIWYG window where you wish the code snippet to appear.

  2. Click the code snippet icon  to reveal the code snippet  list.

  3. Click the desired code snippet. It will be placed within the WYSIWYG window.

Tip: When inserting more than one code snippet next to each other, be sure to use the space bar to create a space between the two code snippets so that the text from each is appropriately separated.

Inserting Images

Images can be inserted into WYSIWYG fields. Images must be hosted in an images directory on the Internet, such as your organization’s web server. This process allows the images to be viewed by students while also appearing on certificates, annotations, assessments and reports (such as Test Question Analysis). The HLC cannot access files and images hosted behind a firewall (for example, on an intranet, shared network directory, or on a personal computer) therefore, images hosted via any of these sources will not appear. Reports will show the ’r;Alt Text’ if used (described below) in place of the image if an image is not accessible by the HLC.

Note: The Authoring directory (FTP) is not recommended for image hosting since performance may be adversely affected.

Supported image formats include JPG, GIF, or PNG graphic. Animated GIFs may be used, but only the first frame will be visible within printed reports. Flash files (.SWF) are not usable at this time.

To add an image

Once the image is hosted on an Internet web server, browse to the image using Internet Explorer, there are two ways to add an image within the HLC:

To label an image for a report

  1. Once an image has been added, right-click on the image.

  2. Click Set Image Properties.

  3. Enter text next to Image Alt Text (up to 150 characters) and optionally, a Long Description (up to 30,000 characters).This text should simply describe the image. If it is used for a test question, be careful not to reveal the answer to a test question the image represents (for example, Correct Answer or EKG Strip: Atrial Flutter). When a user’s mouse hovers of the image, the image label appears.

  4. Click OK. The text is embedded in the source code of the item where the image resides.

Note: Please remember to observe copyright permissions when using images other than your own.

For additional information about the WYSIWYG editor, see the WYSIWYG Editor User Guide under the PDF User Guides section of the online Help system.

Related Topics