Rich Text Editor

Top  Previous  Next

What is Rich Text?

 

Rich text is most easily described as text that can be formatted similar to any word processor.

 

You may make text BOLD, Italicized, underlined or even change colors. Rich text may also include Hyper-links and Images. This page was written with a Rich Text Editor

 

In WebsiteForge.com, the Rich Text Editor is used for several purposes:

Rich Text Frames - for the site admin, that is you, to edit Rich Text frames that you put on your Site Pages.
Rich Text Parameters - for you  to edit HTML parameters for other frames and modules, such as Category/Group Description fields used in most modules;  Long Text fields of items/products that, again, can be used in most modules; Question and Answer fields in the FAQ frame, etc.
Public Rich Text Entry - for your visitors to type in HTML text, which is needed for some applications. For instance, when placing an ad using the ad module, the ad owner may need to add/edit the ad description field.

 

For all three applications, operating the editor is essentially the same. The only slight difference is how the Editor toolbar looks.

 

Rich Text Frames

 

The default Frame Type is Rich Text. Rich text is uses to insert text copy, images, links, and many other special functions.  Every Rich Text page has an editor similar to any word processor.  This editor also contains the controls needed to adjust the page layout and can be used to change the Frame Type.

 

clip0050

 

You can see that the Rich Text Toolbar (grey floating area with icons on it) consists of two areas: Frame Management Toolbar and Editor Toolbar.

 

For the explanation of the Frame Management controls, see the Managing Frames section.

 

For the explanation of the Editor Toolbar controls, read below.

 

 

Text Copy and Paste

 

clip0074 Cut selected text and copy to clipboard

clip0075 Copy selected text to clipboard

clip0076 Paste text from clipboard to current cursor location

 

Undo and Redo

 

clip0077 Undo text changes

clip0078 Redo text changes

 

Text Style, Font and Size

 

clip0079 Bold

clip0080 Italic

clip0081 Underline

 

Font Style and Size:

clip0082

clip0083

 

clip0084 Choose text color

 

Text alignment

 

clip0085 Left justify text

 

clip0086 Center justify text

 

clip0087 Right Justify text

 

Bullets and numbering

 

clip0088 Numbered list

 

clip0089 Bulleted list

 

clip0090 Move bullet item left one level

 

clip0091 Move bullet item right one level

 

Tables

 

clip0092 Insert Table - Use this to insert a table

 

Tables can be very useful when you format copy.  Using tables you can create well formatted lists and align images with finer detail.

 

Images

 

clip0093 Insert Image - Use this to insert an image at the current cursor. See Images to learn how to upload and insert images.

 

You can upload images from your computer using this control.  Image types supported are JPG, GIF, and PNG files.  PDF files ARE NOT considered images.  PDF files are document files.

 

Hyper Links

 

clip0094 Insert Hyper-link - Use this to insert links to your site pages, your documents, product categories, products, and also other web sites.

 

Special characters and symbols

 

clip0095 Insert Special Symbols - See the image below to view the special symbols you can place into your text.

 

clip0101

 

Item Properties

 

clip0096 Properties - Use this tool to see any options of a particular object.  Objects that may have properties include tables, images, and other objects.  You must first select an object to view or modify the properties.

 

HTML Source

 

clip0097 HTML View - Use this icon to see the formatted HTML in the frame (what the end user would see)

clip0098 HTML Source View - Use this icon to view and edit the source code.  You may also see 3rd Party HTML if you are asked to insert special HTML code on your site pages.

 

Keep in mind that some html code will be ignored for compatibility and security purposes.  For exmaple <BODY> or <HTML> tags would be ignored.  Also these tags are automatically produced for you.

 

 

Other Options

 

clip0100 Show hidden options - There are several duplicate options and a few additional options you can see when you click this icon.  Insert nav dropdown, Edit nav dropdown and Paste HTML code are two options that are only located in this menu.

 

Hidden Options Menu:

clip0102