HTML Editor

Getting Started

The HTML editor included in Gold-Vision Connect offers WYSIWYG design of HTML content. It is comprehensive in it's functionality whilst relatively simple to use. Text, images and visual content can be inserted, drag-and-droped, copy-and-pasted, formatted and styled all using the in-built toolbar controls. Most common Windows keyboard shortcuts also work (ctrl+c, ctrl+v, ctrl+x, ctrl+z etc).

The Editor at a Glance 

The editor is split into three main areas.

1. The toolbar is situated at the top of the screen and contains most of the controls. This can be used to control the format and style of your document as well as insert images and links.
2. In the center of the screen is a large window containing the page content. This is where you can paste, type or insert the actual content of the document. Use the mouse or cursor keys to position the cursor and start typing. Alternatively highlight some text and use the toolbar controls to change the style or format.
3. At the bottom of the screen is a smaller toolbar where you can switch between Design and HTML views of the document and also navigate and edit the Tag Tree.

Entering Text 

Text can be entered directly into the editor. Simply position the cursor where you would like to enter some text and start typing.

Text can also be copied and pasted from other text sources such as Microsoft Word, Notepad or similar. When text is copied from a source like Word, the editor attempts to maintain all style (bold, color etc) already applied to the text when you copied it.

Simple Formatting 

Choosing a Font

Fonts and font size can be modified by using the appropriate dropdrops from the tool. Simply position the cursor into the text you would like to change or highlight some text and select a new font or size. In the exampel below, we change some text to Verdana Size 4.

1. Position the cursor inside some text or highlight it
2. From the Font dropdown select Verdana
3. From the Size dropdown select Size 4

Font Style and Color

Format and style changes can be made using the toolbar controls at the top of the screen. The typical way to do this is to move the cursor to the text location or highlight some text and then use one of the toolbar controls to modify the style. In the example below, we look at making some text bold and red.

1. Move the cursor to the location you would like to change the format for or highlight some text
2. Click the Bold toolbar button () to make the text bold
3. Next click the arrow next to the Font Color control () and select Red

Text Justification

Text can be justified left, right, center or justified. This is performed by selecting a paragraph of text and choosing one of the justification options. In the example below we look at making a paragraph of text aligned to the center.

1. Click or move the cursor into roughly the middle on a paragraph or line of text
2. From the toolbar choose the center justification option ()
3. The text will allign to the center of it's containing element

Inserting Images 

Images can be opload to Gold-Vision Connect via the Image Library and inserted using the HTML editor. To insert an image, please follow the instructions below.

1. Click the Insert Image button () from the toolbar.
2. An Add Image window will open
3. Select an Image from the list by clicking on it. To upload a new image, click the Upload New button.
4. Click the Add Selected button
5. The image will be inserted into the editor window

Moving and Resizing Images

Once the image has been inserted it can be moved by using drag-and-drop or resized by

Saving Changes 

It is important to save your changes before navigating away from the editor page. To do this click the Save button () from the toolbar.