HTML Editor Quick Reference

What is FCKeditor?

WEBfast uses FCKeditor, a lightweight text editor to be used in web pages.

It provides most of the commonly used functions from desktop editors like Word to the web. By using FCKeditor you can write text, format it, create tables and much more. The editor doesn't need any kind of installation on your computer. The only thing you need to work with FCKeditor is a compatible Internet browser, like Internet Explorer, Firefox, Safari or Opera.

Compatible browsers

Windows Mac Linux
Internet Explorer 5.5+ YES N/A N/A
Firefox 1.5+ YES YES YES
Safari 3.0+ YES YES N/A
Opera 9.5+ YES YES YES
Netscape 7.1+ YES YES YES
Camino 1.0+ N/A YES N/A

Incompatible browsers

If you use a browser which is a lower version of the browsers listed in the table above or your browser doesn't appear in the table, FCKeditor will work with limited features or won't work at all. You will only see the editing area where you can write in the HTML code. The toolbar wont appear at all.

If you want to work with all of FCKeditor features install one of the compatible browsers and than run the editor.

Quick Reference

In this section you can have a quick overview about all functions available in the default FCKeditor toolbar.

Common Toolbar Functions

Toolbar Element Function
Image:Source.gif View or edit the document source code (for advanced users).
Image:New.png Removes all contentes, creating a new blank page.
Image:Save.png Saves the page you were editing.
Image:Preview.gif Preview what the HTML page will look like for users.
Image:Templates.gif Select a layout template. See Templates
Image:Cut.gif Cut the highlighted text to the clipboard.
Image:Copy.gif Copy the highlighted text to the clipboard.
Image:Paste.gifImage:Pastetext.gif Paste the data copied to the clipboard (with or without formatting).
Image:Pasteword.gif Paste content copied from Microsoft Word or similar applications.
Image:Print.gif Print the current document.
Image:Spellcheck.gif Spell check the text in the document.
Image:Undo.gifImage:Redo.gif Undo or redo the most recent action taken.
Image:Find.gif Find a word or phrase within the document.
Image:Replace.gif Find and replace a word or phrase within the document.
Image:Selectall.gif Select the entire text in the document.
Image:Removeformat.gif Remove the formatting from the highlighted text.
Image:Bold.gifImage:Italic.gifImage:Underline.gifImage:Strikethrough.gif Applies bold, italic, underscore or strikethrough formatting to the highlighted text.
Image:Subscript.gifImage:Superscript.gif Superscript or subscript the highlighted text.
Image:Insertorderedlist.gifImage:Insertunorderedlist.gif Creates numbered or bulleted lists.
Image:Outdent.gifImage:Indent.gif Increase or decrease the text indentation.
Image:Blokquote.png Format a block of text to identify quotations (text provenient from other sources).
Image:Justifyleft.gifImage:Justifycenter.gifImage:Justifyright.gifImage:Justifyfull.gif Sets the text alignment (left, centered, right or justified).
Image:Link.gifImage:Unlink.gif Converts or removes the text in hyperlinks. It may also by used to manage file uploads and links to files on the web server. See Links, E-Mails and Anchors.
Image:Anchor.png Inserts or modifies a link anchor. See Links, E-Mails and Anchors
Image:Image.gif Inserts images into the document. See Inserting Images.
Image:Flash.png Inserts a Adobe Flash element into the page.
Image:Table.gif Creates a table with the defined number of columns and rows.
Image:Inserthorizontalrule.gif Inserts a divider line (horizontal rule).
Image:Smiley.gif Inserts an emoticons image (smiley faces, email icon, lightbulb, etc.).
Image:Specialchar.gif Inserts symbols & special characters (accented characters, trademark, currency symbol, etc.).
Image:Pagebreak.gif Inserts a printing page break. Only impacts printed version.
Image:FCK_style.gif Styles & formatting determine the appearance and semantic value of your document. You may use the drop down boxes to apply styles, set the font, its size, etc. To remove the applied style select the style name again.
Image:Textcolor.gif Changes the color of the text.
Image:Bgcolor.gif Changes the background color of the text.
Image:Maximize.png Maximizes the editor size inside the browser.
Image:Show_blocks.png Shows where the block elements boundaries in the text.
Image:About.png Shows information about the FCKeditor.

Form Functions

Toolbar Element Function
Image:Form.png Creates a new form block into the page.
Image:Checkbox.png Inserts a checkbox to the page.
Image:Radiobutton.png Inserts a radio button to the page.
Image:Textfield.png Inserts a text field into the page.
Image:Textarea.png Inserts a multi-line text area into the page.
Image:Selection_field.png Inserts a selection field into the page.
Image:Button.png Inserts a form button into the page.
Image:Button_image.png Inserts an image into the page, which behaves much like form button used to submit forms. Do not use it to insert plain images into the document.
Image:Hidden.png Inserts a hidden field into the page.