Help System Search

Currently, there are two editors and the HTML view available for use.  You can change the editor you're using in the lower left corner of a text area by selecting from the Editor: drop down menu. (Tip: you can also set the Text Editor under Teams & Schedules > Schedule & Results > Options tab > Editing Defaults)  Whichever editor you use, make sure you have the latest updates for your web browser. 

 

The CKeditor

(Default editor for Firefox, Chrome & Safari)

The CKeditor feature is a cross-browser compatible HTML editor and file management program. It features advanced image and file manager apps with multi-file upload, image resizing and much more. Now it's easier than ever to manage your text layout, photos, and media files.

The CKeditor has many powerful file and image management features, as well as some enhancements to basic features.

 

General Options

 

Standard tools for changing font color and size, using bold, italic, etc. are available. There are also options for text alignment, bullet and number lists, and indenting. These tools are similar to those found in programs like Word. Try the various options on text you have typed to see the effects.

 

CKeditor Advanced Options

 

File Manager - For non-image files. Many common formats can be uploaded

 

including:     pdf,   swf,   word ppt,   movie,   excel, and more.

 

 Image Manager -- Built into the editor is a very advanced image manager. When you click this tool you will see thumbnails of all the image files currently uploaded into your File Manager (Note: File Manager is available at the Pro-Style and above subscription levels). Non-image files are also handled in the File Manager (view other files by changing the "Type:" in the dropdown). When you select an image you can Insert Into Page with one click.

 

 Image Manager >  Upload Files-The Upload feature in the Image Manager allows you to upload several files at the same time! Additionally, your image files will automatically be resized for the web as they are uploaded.

-The original photos on your computer are not affected.

- The sizing options can also be changed on the bottom right.

- Change the default sizing in the Options tab on the Layout & Media > File Manager Page.

It is very easy to upload a group of photos from a digital camera, and in most cases, you don't have to worry about oversized images.

 

Image Properties - You can place a URL (web address) of an image to link to here to put a new image in or edit various formatting settings for an existing image, such size, alignment for text-wrapping and adding a border.

Link/Unlink – Turn an image or text into a clickable link to any URL. Use the Target and Advanced tabs to control how the new page pops up. Tip: when linking images, choose the Target Tab and select New Window (_blank) to make your links pop-up in a new window.)

 

Anchor – Create a clickable link that "jumps down" to specific word or area you have selected. For more details see anchors Help Topic.

 

Insert Horizontal Line – Click to insert a horizontal divider line within the page.

 

Insert Special Character - This handy feature lets you find special characters and place them in your page.

 

Paste Code (or plain text) - Mainly used for inserting HTML into your text area.

 

Paste From Word - Cleans out some of the formatting to make text from Word compatible with the web. TIP: Any time you are pasting text into your text area, you'll want to use this tool as there will be extra formatting that needs to be removed so that it will not break your site. Note that this tool is not just for pasting from Microsoft Word; it should be used when pasting information from other sources such as websites, text documents, etc.

 

Templates – You can use these templates to control the text, photo, and table layout on your page. When using this tool, you will need to upload the image or table you wish to display to the File Manager first. Then, click the image or table and in the popup, copy the URL at the bottom center. Click the area where the image or table will appear, paste the URL and select Save.

 

Table - Use the table features to place a basic table onto your page.  TIP: Enter at least 1 for the Border Width to make the border lines visible.

 

Clean HTML - A special mini-app developed by HomeTeamsONLINE. This gives you more control of which formatting elements to keep or remove.  This is a good tool for resolving issues when you are unable to properly edit your text due to formatting/code issues. It can also be used as an alternative to Paste as Plain Text/ Paste from Word. (TIP: We usually recommend using the default settings for this tool.   To preserve tables, uncheck <TABLE> and Strip styles in remaining tags.)

 

Source for HTML (code) View - For those power users that want to get right into the code, you can view and edit the HTML directly. Use this only if you have experience with HTML. (A common mistake is removing a closing HTML "tag" which may result in seeing a blank page or odd formatting.)  Tip: Switch to the HTML View to paste EMBED code, such as for a YouTube video, or code for an external module. Make sure to switch to the HTML View whenever pasting code.

Spell Checker Plug-ins – These 3^rd party plug-ins can check your spelling as you type or check the page for you when you're finished.

 

Undo & Redo - Yes, there is an undo button! Click this handy lifesaver of a button if you make a mistake.

 

 

The TinyMCE Editor

 

The TinyMCE Editor is also a powerful editor that makes editing text areas for your site easy! It features many of the same tools as the CKeditor, but may be accessible using different icons.  While the General editing tools offered are nearly the same, the Advanced Options appear differently:

 

TinyMCE Advanced Options

 

 

File Manager - For non-image files. Many common formats can be uploaded

 

including:     pdf,   swf,   word ppt,   movie,   excel, and more.

 

Image Manager > Upload Files-The Upload feature in the Image Manager allows you to upload several files at the same time! Additionally, your image files will automatically be resized for the web as they are uploaded.  See the notes for Image Manager in the CKeditor section for more details.

 

Insert/Edit Image – You can place a URL (web address) of an image to link to here to put a new image in or edit various formatting settings for an existing image, such size, alignment for text-wrapping and adding a border.

 

Insert music (mp3) & video -  Unused. Use the File Manger for uploading video/mp3 files, or use Paste Code (or plain text) to post video code.

 

Link/Unlink – Turn an image or text into a clickable link to any URL. Use the Target and Advanced tabs to control how the new page pops up. Tip: when linking images, choose the Target Tab and select New Window (_blank) to make your links pop-up in a new window.)

 

Anchor – Create a clickable link that "jumps down" to specific word or area you have selected. For more details see Anchors Help Topic.

 

Insert/Edit Table - Use the table features to place a basic table onto your page.  TIP: Enter at least 1 for the Border Width to make the border lines visible.

 

show/Hide Guidelines/Invisible Elements – This is used to show the borders of your tables when the border is set to 0

 

Insert Horizontal Line - Click to insert a horizontal divider line within the page.

 

Insert Special Character - This handy feature lets you find special characters and place them in your page.

 

Paste Code (or plain text) - Mainly used for inserting HTML into your text area.

 

Undo & Redo - Yes, there is an undo button! Click this handy lifesaver of a button if you make a mistake.

 

Remove Formatting – For text already placed on the page that has formatting issues, click this to remove certain formatting.

 

Clean HTML - A special mini-app developed by HomeTeamsONLINE. This gives you more control of which formatting elements to keep or remove.  This is a good tool for resolving issues when you are unable to properly edit your text due to formatting/code issues. It can also be used as an alternative to Paste as Plain Text/ Paste from Word. (TIP: We usually recommend using the default settings for this tool.   To preserve tables, uncheck <TABLE> and Strip styles in remaining tags.)

 

Edit HTML Source for HTML (code) View - For those power users that want to get right into the code, you can view and edit the HTML directly. Use this only if you have experience with HTML. (A common mistake is removing a closing HTML "tag" which may result in seeing a blank page or odd formatting.)  Tip: Switch to the HTML View to paste EMBED code, such as for a YouTube video, or code for an external module. Make sure to switch to the HTML View whenever pasting code.