Content Editor Guide

Toolbar

1. Toolbar Buttons

List of buttons (includes also menu items & dropdowns):

Icon Button Name Description IE* Moz*
"Full Screen" button. FullScreen Resize the editor in full window size. Yes Yes
"Preview" button. Preview Preview the page in multiple size Yes Yes
"Search" button. Search Find the word inside the editor. Yes No
"Cut" button. Cut Cut the content Yes CTRL-X
"Copy" menu item. Copy Copy the content Yes CTRL-C
"Paste" button. Paste Paste the content Yes CTRL-V
"Paste from Word" button. PasteWord Paste the content from Word file Yes Yes
"Undo" button. Undo Take you one step back Yes Yes
"Redo" button. Redo Move you one step forward Yes Yes
"Text Color" button. ForeColor Change the font color Yes Yes
"Text Background Color" button. BackColor Change the background color Yes Yes
"Bookmark" button. Bookmark Create the Bookmark Yes Yes
"Hyperlink" button. Hyperlink Create the link to ouside pages and images Yes Yes
"Image" button. Image Put and upload images Yes Yes
"Table" button. Table Create and modify table Yes Yes
"Guidelines" button. Guidelines Show the table guideline Yes No
"Absolute" button. Absolute Assign the absolute position to particular area Yes Yes
"Secial Characters" button. Characters Insert Special Character Yes Yes
"Horizontal Line" button. Line Create a horizonal line Yes Yes
"Form" button. Form Create form and form related fields Yes Yes
"Remove Formatting" button. RemoveFormat Remove the formatted of the particular area. Yes Yes
"Source Editor" button for full HTML editing. HTMLFullSource Show HTML source Yes Yes
"Style & Formatting" button.
This button opens a menu which has:
  • "Text Formatting" menu item
  • "List Formatting" menu item
  • "Box Formatting" menu item
  • "Paragraph Formatting" menu item
  • "Custom Css" menu item
StyleAndFormatting Create or modify the style and formatting Yes Yes
"Text Formatting" menu item. TextFormatting Format the particular selected text Yes Yes
"Paragraph Formatting" menu item. ParagraphFormatting Format the particular selected paragraph Yes Yes
"List Formatting" menu item. ListFormatting Format the particular selected paragraph in number format or in bullet format Yes Yes
"Box Formatting" menu item. BoxFormatting Format the particular selected box Yes Yes
"Custom Css" menu item. CssText Create your own style class and assign it to any text Yes Yes
"Paragraph" dropdown. Paragraph Assign the HTML Heading tag in particular text Yes Yes
"Font" dropdown. FontName Assign the font in particular text Yes Yes
"Font Size" dropdown. FontSize Assign the font size in particular text Yes Yes
"Bold" button. Bold Change the text in bold format Yes Yes
"Italic" button. Italic Change the text in italic format Yes Yes
"Underline" button. Underline Underline the text Yes Yes
"Justify Left" button. JustifyLeft format the particular text align left Yes Yes
"Justify Center" button. JustifyCenter format the particular text align center Yes Yes
"Justify Right" button. JustifyRight format the particular text align right Yes Yes
"Justify Full" button. JustifyFull format the particular text Yes Yes
"Numbering" button. Numbering Format the particular selected paragraph in number format Yes Yes
"Bullets" button. Bullets Format the particular selected paragraph in bullet format Yes Yes
"Indent" button. Indent Move the particular area in right direction Yes Yes
"Outdent" button. Outdent Move the particular area in left direction Yes Yes

*IE : Internet Explorer 5.5/later (Windows)
*Moz: Netscape 7.1/later, Mozilla 1.4/later & Firefox 1.0/later (Windows & Mac OS X)


FullScreen Resize the editor in full window size.
It display the page text in full screen .
Preview Preview the page in multiple size.
Her you can see the preview image of the particular page in multiple size.
Search Find the word inside the editor.
Here you can search and replace a particular word from content.
Cut Cut the content
Removes the selection from the active document and places it on the Clipboard.
Copy Copy the content
Copies the selection to the Clipboard.
Paste Paste the content
Inserts the contents of the Clipboard at the insertion point, and replaces any selection. This command is available only if you have cut or copied an object, text, or contents of a cell.
PasteWord Paste the content from Word file.
If you paste the content from wordfile then click on this icon and then one popup window is open where you can paste the content and click on ok button.
Undo Take you one step back
Reverses the last command or deletes the last entry you typed.
Redo Move you one step forward
Reverses the action of the Undo command.
ForeColor Change the font color
To change the color of particular text use this icon.
First select the particular area and click on this button. There you show many color just select the color and it reflect the particular text area.
TOP
BackColor Change the background color
To change the color of particular background use this icon.
First select the particular area and click on this button. There you show many color just select the color and it reflect the particular area.
Bookmark Create the Bookmark
To create a link to another document then we make a bookmark.
Hyperlink Create the link to ouside pages and images
Inserts a new hyperlink or edits the selected hyperlink.
Image Put and upload images
First click on this button. If you enter the image from outside the site then paste the src source in source text box.
If you want to add one new image then click on folder icon then a new popup window open where all image files are listed select the particular file and click ok button.
For new upload image just upload the image file from browse button and click on upload button. After file is uploaded the particular file is listed there then click on particular file name and click ok button.
Table Create and modify table
Displays the Tables and Borders toolbar, which contains tools for creating, editing, and sorting a table and for adding or changing borders to selected text, paragraphs, cells, or objects.
Guidelines Show the table guideline
This feature is available onli in IE.
Absolute Assign the absolute position to particular area.
Characters Insert Special Character
Line Create a horizonal line
TOP
Form Create form and form related fields
RemoveFormat Remove the formatted of the particular area.
HTMLFullSource Show HTML source
StyleAndFormatting Create or modify the style and formatting
TextFormatting Format the particular selected text
ParagraphFormatting Format the particular selected paragraph
ListFormatting Format the particular selected paragraph in number format or in bullet format
BoxFormatting Format the particular selected box
CssText Create your own style class and assign it to any text
Paragraph Assign the HTML Heading tag in particular text
FontName Assign the font in particular text
To change the font, click on the font type list button, and select a font from the list.
FontSize Assign the font size in particular text
To change the font size, click on the font size list button and select a size from the list.
Bold Change the text in bold format
To make text bold, click on this icon.
Italic Change the text in italic format
To italicize text, click on the this icon.
Underline Underline the text
To underline text click on the this icon.
JustifyLeft format the particular text align left
To left text, click on this icon.
TOP
JustifyCenter format the particular text align center
To center text, click on this icon.
JustifyRight format the particular text align right
To right text, click on this icon.
JustifyFull format the particular text
To justify a block of text, you must first highlight it, and then click on this icon.
Numbering Format the particular selected paragraph in number format
Bullets Format the particular selected paragraph in bullet format
Indent Move the particular area in right direction
Outdent Move the particular area in left direction

© 2006,. All rights reserved.