WYSIWYG Editor Functions Overview

Posted by

The WYSIWYG Toolbar:

Description of buttons:

Icon Name HTML Code Description and Use

View Source

<html> </html>

View source code of the page

Preview

 

This will show you the content inserted so far in a larger window.

Full Screen

 

Maximises the editor.

Templates

 

Select templates to use on your page.

Show HTML Elements

 

When this is active the individual HTML elements on the page will be outlined.

Cut

 

Cuts the selected content to the clipboard.

Copy

 

Copies the selected content to the clipboard.

Paste

 

Pastes the content currently stored on the clipboard.

Paste as Plain Text

 

Pastes the text that is currently stored on the clipboard.

Paste from Word

 

Pastes content copied from a Microsoft Word document.

Undo

 

Undo the last change.

Redo

 

Redo the change that the "Undo" button undid.

Find

 

Locate a string of text within the editor.

Find and Replace

 

Locate and replace a string of text within the editor.

Select All

 

Select everything in the editor.

Remove Formatting

 

Remove all formatting from the highlighted text.

Style Menu   Select the style to be applied to your selection.

Format Menu

<p> </p>, <h1> </h1> etc.

Select the standard formatting to be applied to your selection.

Bold

<strong> </strong>

Bold the selected text.

Italic

<em> </em>

Italicise the selected text.

Underline

<u> </u>

Underline the selected text.

Strikethrough

<strike> </strike>

Strikethrough the selected text.

Subscript

<sub> </sub>

Lower the selected text.

Superscript

<sup> </sup>

Raise the selected text.

Numbered List

<ol><li> </li></ol>

Create a numbered list.

Bullet Point List

<ul><li> </li></ul>

Create a bullet point list.

Decrease Indentation

 

Decrease the indentation applied to the selected paragraph.

Increase Indentation

 

Increase the indentation applied to the selected paragraph.

Blockquote

<blockquote> </blockquote>

Place the selected paragraph in a block quote.

Insert DIV

 

Insert a DIV element (Advanced Option).

Align Left

<p align="left"> </p>

Align the select paragraph to the left.

Align Center

<p align="center"> </p>

Align the select paragraph to the center.

Align Right

<p align="right"> </p>

Align the select paragraph to the right.

Align Justified

<p align="justify"> </p>

Spread out the paragraph text so it spans the entire width available.

Insert/Edit Link

<a href="http://"> </a>

Insert or edit a link.

Remove Link

 

Remove a link.

Insert Anchor

<a href="#location"> </a>

Insert an anchor.

Insert Placeholder

 

Insert a placeholder.

Insert RSS Feed   Insert an RSS Feed.

Insert Image

<img src="image.jpg">

Insert an image.

Insert Table

<table> </table>

Insert a table.

Insert iFrame   Insert an iFrame.

Insert Horizontal Line

<hr/>

Insert a horizontal line.

Insert Special Characters

 

Insert a special character ( © etc. ).

Category: WYSIWYG Editor