Using the WYSIWYG Editor

The WYSIWYG (What You See Is What You Get) editor is a visual HTML editor that allows you to design HTML pages (or emails) without knowing any HTML. Using familiar formatting and layout tools the WYSIWYG editor allows you to design an HTML page as it should look in the finished output.

If you wish to edit the HTML directly, click the Toggle Source button in the bottom left of the view to toggle between HTML source and WYSIWYG editors.

If you open an existing item edit, but find that it is in Locked View , you must first enable to WYSIWYG editor to allow you to make changes.

To enable the WYSIWYG editor, click the Lock button in the bottom right corner of the Component window.

The following table explains what each of the buttons on the WYSIWYG editor tool bar does.

Button	What it does
Insert Element or Catalogue Item	Insert an Element or Catalogue item into the document.
Cut	Cut the selected text to the clipboard.
Copy	Copy the selected text to the clipboard.
Paste	Paste the text you copied.
Paste as plain text	Paste the text you copied without any formatting.
Paste from word	Copy content from Microsoft Word, then paste it into the HTML editor.
Print	Print the HTML page.
Undo	Undo the most recent action taken
Redo	Redo the most recent action taken
Find	Find a word or phrase within the text of the HTML page.
Replace	Find and replace a word or phrase within the text of the HTML page.
Select All	Select all of the text in the HTML page (usually used before copy or cut or to apply a style or format to the whole page).
Remove Format	Remove the formatting of the selected text.
Text Color	Change the color of the selected text.
Background Color	Change the background color behind the selected text.
Insert Border	Insert a border around the selected text.
Bold	Sets the selected text to Bold.
Italic	Sets the selected text to Italic.
Underline	Sets the selected text to Underline.
Strike Through	Sets the selected text to Strike Through.
Subscript	Sets the selected text to subscript text.
Superscript	Sets the selected text to superscript text.
Numbered List	Inserts a numbered list, if the selected text is already part of a numbered list it removes it.
Bulleted List	Inserts a bulleted list, if the selected text is already part of a bulleted list it removes it.
Decrease Indent	Decrease the selected text's indentation.
Increase Indent	Increase the selected text's indentation.
Insert Line Break	Inserts a line break.
Left Justify	Sets the alignment of the selected text to left.
Center Justify	Sets the alignment of the selected text to center.
Right Justify	Sets the alignment of the selected text to right.
Block Justify	Sets the alignment of the selected text to block justify.
Insert/Edit Link	Add a hyperlink to the selected text, if the text already has a hyperlink then this edits the existing link.
Remove Link	Removes the hyperlink from the selected text.
Insert/Edit Anchor	Inserts a named anchor. If the text already has a named anchor then this edits the existing anchor.
Insert/Edit Image	Upload or insert your own image into the HTML page.
Insert/Edit Flash	Upload or insert your own Adobe Flash movie into the HTML page.
Insert/Edit Table	Insert a table. Allows you to define number of columns, number of rows, table width, height, borders and alignment.
Insert/Edit Horizontal Rule	Insert or edit a divider line (horizontal rule).
Insert Special Character	Allows you to select a special character to insert. For example, ™ or ©.
Insert Page Break	Inserts a page break. This only has effect when the HTML page is printed.

In This Section

Insert Element

Insert Image

Insert Flash Document

Using the WYSIWYG Editor

In This Section

See Also