Index > Old Text Editor Button Appendix
Bolditalicunderlinestrike through
Text Formatting Tools
Click on these buttons to write in bold, italic, underlined text or place a line through the text.
Left AlignCenterRight AlignJustify
Text Alignment Tools
Click on these buttons to push your text to the left, right or centre of your page. The fourth button allows you to “Justify” your text. This simply means that you can stretch your text so that it spreads evenly across your webpage.
Bulleted listNumbered list
Lists
Insert a bulleted or numbered list.
Cut
Cut
Remove the selected text from the page.
Copy
Copy
Copy the selected text to your computer's clipboard (so you can then pasted it somewhere else in the text or in another program).
Paste
Paste
Pasted the text on your computer's clipboard in to the text editor at current cursor position.
Subscript
Subscript
Converts any selected text to subscript. Like the ‘2’ in H20.
Superscript
Superscript
Converts any selected text to superscript. Like the ‘2’ in O2.
Undo
Undo
Undo your last action in the text editor. Pressing it a second time will undo the second last action and so on.
Redo
Redo
Redo your last action in the text editor. Pressing it a second time will redo the second last action and so on.
Undo
Paste as Plain Text
Paste the content in your clipboard as plain text (removing all formatting and styles).
Redo
Paste from Word
Paste the content of your clipboard when copied from a Word document (this will keep the styles & formatting made in Word).
Undo
Find
Find a word or phrase in your content.
Redo
Find / Replace
Find and replace words or phrases in your content.
Undo
Indent
Indent a paragraph of text to the right.
Redo
Outdent
Oudent a paragraph of text to the left.
Undo
Blockquote
Indent a paragraph of text in from both ends.
Redo
Insert Horizontal Rule
Insert a horizontal rule across your page.
Undo
Insert Non Breaking Space Character
Inserts a non-breaking space character in your page (this won't allow a line break).
Redo
Insert Pre-defined Template Content
Here you can insert a pre-defined layout onto your page, using rows and columns arranged in different orders.
Insert Link
Insert / Edit Link
If you would like visitors to your website to be able to click on some text or on an image and to be taken to another webpage (either within your site or elsewhere on the web) you can use the ‘Insert link’ button. In your text editor first highlight the text or image that you would like to convert into a link then press the Insert/Edit Link button. The box below will then pop up:

Insert Link

Link URL: If you would like to link to another page on the internet (not within your website) type the address of the website you would like to link to e.g. www.wizz-it.com.
Or Internal Link: Alternativly if you would like to link to a page within your website select the page from the drop down list.
Target: This determines how the link behaves. We recommend that you select 'Open Link in a new window'. This means that the link will open in a new window and your website will still be open behind it. If you choose ‘Open link in the same window’ the link will open in the current webpage that is showing your website.
Title: The text entered in this field will give your viewers a little "tool tip" when they hover over the link (only in some browsers). It will also increase your search engine rankings a little as they use it to rank your page.
unlink
Unlink
This will remove the hyperlink on the selected text.
insert anchor
Insert Anchor
An“Anchor” is a place on your webpage that you can link to. It is good to insert Anchors into very long webpages. If you want to quickly skip to a different section of a long webpage, you could create a link which, when clicked on, will take you straight to an invisible Anchor marking the start of this different section. To insert an Anchor click on the area of the text editor where you want it to go and then click on the ‘Insert / Edit Anchor’ button. In the box that pops up type in a name for the Anchor you are creating and press the Update button.
NB: There must not be any spaces in this name.

insert Anchor

When you have done this, click on the ‘Insert / Edit Link’ button (see insert above for picture & description) and type the '#' character followed by the name of your anchor (the exact wording).

insert image
Insert Image
This button allows you to insert images into your webpage. Clicking on the button will bring up the Image Manager box (as seen below). On this page you'll be able to see and manage all the images in your webspace. Clicking on the arrow underneath each image will bring up a menu displaying the options: Insert (to webpage) / Edit / Delete / View / Download (to a computer).

To insert an image:
To insert an image either click on the thumbnail or select the Insert button from the menu beneath the image. If the image you want to use is not on your webspace you will have to upload it first. Follow these instructions to do this:

To upload a file to your webspace:
To upload a file press the Upload button in the top right hand corner and press the Choose Files button in the box that appears. To select a file just click on it. To select multiple files press the control button (if using a PC) or Apple button (if using a Mac). Once you have uploaded the image to your webspace it will appear as a thumbnail beside all the other images on your webspace and you can then just select it to use it in your webpage.

PLEASE NOTE:
The format of your logo image must be JPEG or GIF. Other formats are not accepted.
The size of your logo is not limited by size so you can decided exactly how big you want it to be! 
The position of the logo on the website is dependant upon which template you are currently on.

Insert Image Box

insert image
Insert File
This button allows you to insert links to files such as pdf's on your webpage. Clicking on the button will bring up the File Manager box (as seen below). On this page you'll be able to see and manage all the files on your webspace. Aswell as showing the file you can also view the file size, the type of file and when it was last modified. Check the box beside the image to Cut/Copy/Paste/Rename/Delete/Zip it.

To insert a file:
To insert a link to a file just onto your webpage just select the file you want to use and then press the Insert button in the grey box on the left hand side of the page. This will insert a link to the file on your webpage. If the file you want to use is not on your webspace you will have to upload it first. Follow these instructions to do this:

To upload a file to your webspace:
To upload a file press the Upload button in the top right hand corner and press the Choose Files button in the box that appears. To select a file just click on it. To select multiple files press the control button (if using a PC) or Apple button (if using a Mac). Once you have uploaded the file to your webspace it will appear in the list of files and you can follow the instructions above to insert it onto your webpage.

Insert Image Box

insert media
Insert / Edit Embedded Media
This button allows you to insert a media file directly into your web page. Once clicked on a box will pop up similar to the one below. Fill in the fields and press the Insert button. See instructions below for more information on how to fill in each field.

General Tab

Insert Media

Type: Select Flash for flash movies of type: .SWF
Select Quicktime for movies of type: .MOV
Select Shockwave for shockwave movies of type: .SWF
Select Windows Media Player for movies of type: .WMV, WMA
Select Real Player for media of type: .MPG, .MPEG, .MP3, .MP4, .AVI, .WAV
NB: these are the only formats that can be displayed on your website. If you have a movie in another format we recommend you convert it to an allowed one before uploading it.

File / URL: This tells us where your meda file is located.
If you are linking to an movie in your webspace just click the Browse button to the right of the field. This will bring up the Image Manager where you'll be able to view all the files on your webspace. To select a file to use just click on it. If the file you want to use is not on your wespace then you will have to upload it to the webspace. Follow the instructions below on how to do this.
Alternativly if you are linking to a movie on the internet enter the URL (web address) to it, eg: 'http://www.wizz-it.com/pictures/movie1.mpeg' (We recommend including the 'http://' part).

To upload a file to your webspace:
To upload a file press the Upload button in the top right hand corner of the Image Manager and press the Choose Files button in the box that appears. To select a file just click on it. To select multiple files press the control button (if using a PC) or Apple button (if using a Mac). Once uploaded you can then click on the thumbnail to insert it into the File/URL field.

Dimensions: These are the width & height measurements of the media file that you want to display on your web page. You should enter the dimensions of the media file as you want it displayed on the webpage, if you leave these fields blank the media file will display at its default size. Ticking the 'Constrain Properties' box will mean that any resizing will keep it in proportion to it’s original dimensions.

Advanced Tab

Insert Media Box - Advanced

Id: If you are using Style Sheets for your website you can give an ‘ID’ to the movie in this box.
Name:
Again, if you are using Style Sheets for your website you can give a 'Name' to the movie in this box.
Align:
Select Top/Right/Bottom/Top depending on where you want to align the movie.
Background:
Choose a background colour for the media file. Either type the hex colour straight into the box (the number beginning with a '#') or select a colour from the colour picker.
V Space & H Space:
Enter figures (0-100) for the amount of vertical and horizontal space you want between the image and the rest of the content.

If you are inserting a flash movie fill in the fields below:
Quality: This determines the compression of your movie, the less the quality the smaller the file (which means less loading time) and vica verca. Select from ‘High/Low/AutoHigh/AutoLow/Best. We recommend selecting 'High', only set to ‘Low’ if you think visitors to your website will have very slow computers.
Scale:
This indicates how the movie will be scaled on the webpage.
*showAll (Default) makes the entire flash movie visible without distortion while maintaining the original proportions. Borders can appear on two sides of the application.
* noBorder scales the Flash movie to fill the specified area, without distortion but possibly with some cropping, while maintaining the original proportions of the movie.
* exactFit makes the entire Flash movie visible without trying to preserve the original proportions. Distortion can occur.
* noScale makes the size of the Flash content fixed, so that it remains unchanged even as the size of the player window changes. Cropping may occur if the player window is smaller than the Flash content.
We recommend leaving this set to “Exact fit”as this tells the Flash movie to resize itself automatically if the visitor’s computer screen is too small to fit the full movie.
WMode:
This sets the property of the Flash movie for transparency, layering, and positioning in the browser.
* window - the movie plays in its own rectangular window on a web page.
* opaque - the movie hides everything on the page behind it.
* transparent - the background of the HTML page shows through all transparent portions of the movie, this may slow animation performance.
SAlign: This aligns the movie on the webpage.
* left, right, top, and bottom align the movie along the left, right, top or bottom edge, respectively, of the browser window and crop the remaining three sides as needed.
* topleft and topright align the movie to the top left and top right corner, respectively, of the browser window and crop the bottom and remaining right or left side as needed.
* bottomleft and bottomright align the movie to the bottom left and bottom right corner, respectively, of the browser window and crop the top and remaining right or left side as needed.
Autoplay:
Checking this box will mean that the flash movie will start automatically, and leaving it unchecked will allow the viewer to press the play button and start it in their own time.
Loop:
Checking this box will mean that the movie will start playing from the beginning again when it has reached the end. Leaving it unchecked will mean that the movie will stop playing when it reaches the end.
Show Menu:
Checking this box will mean that all the menu items will appear on the flash player, if you leave it unchecked they will be hidden from the viewer.
SWLiveConnect:
Always set this to true - we won't bore you with the details of it!
Base:
This field is used if your flash movie needs to have a different starting location, usually for the links used in the movie. If you do need to do this just enter the URL (web address) of the new location in this field.
Flashvars:
This field is used if you need to pass any variables to your movie. Enter them in the name=variable format, separated by a '&' (with no spaces).

Clean up
Cleanup Messy Code
Microsoft Word™ or other Text Editors can sometimes add hidden code to it’s documents which can cause formatting problems when cut, pasted and displayed on web pages. This button will remove any problematic code.
Insert Char
Insert Custom Character
This button allows you to insert special characters into your web page, such as foreign language characters or symbols (e.g.$, @, &, % etc).
Edit HTML
Edit HTML
Click on this button if you want to insert/paste HTML code into your website. A box will pop up displaying the current HTML code of the webpage and you can then copy, cut and paste as you wish.
To copy text press the Control key + C if you are on a PC or the Apple Key + C if you are on a mac.
To cut text press the Control key + X if you are on a PC or the Apple Key + X if you are on a mac.
To paste text press the Control key + V if you are on a PC or the Apple Key + V if you are on a mac.

Insert Table
Insert /Modify Table
To insert a table into your web page, insert the cursor where you want the table to apear and press the Insert/Modify Table icon and a box should appear similar to the one below. The table is initally set to have 2 columns and 2 rows, with a width of 100% and spacing between each cell of 5 pixels but should you change any of these just enter your new value in the field. You can see more information on each field below.

Once a table has been inserted you can resize it manually in the text editor. Click on the table until you see small white square boxes appear around the edge of it. Hover your mouse over the white boxes until the cursor turns into unlink. Click down and pull the mouse across the page. This will manually resize your table to taste.

To edit and change your table in more detail you can also click on the Insert/Modify Table icon again (with your table selected) which will bring up the Table properties pop up box again below.

General Tab

Insert Media Box   Simple Table Diagram

Cols: The number of columns you want your table to have (columns run vertically down the table).
Rows: The number of rows you want your table to have (rows run horizontally across the table).
Cellpadding: This is the amount of spacing you want to have inside each cell.
Cellspacing: This is the amount of spacing you want to have between each cell.
Alignment: Specify the alignment of your table (i.e. to the left, right or middle) here.
Border:
Give your table a border. Type in a number to specify the thickness of this border from 0 (no border) to 99 (very thick border).
Width:
Enter the width of your table here.
Height:
Enter the height of your table here.
Class:
If you have created Cascading Style Sheets for your website you can select a class from the list to apply to the table.
Table caption:
If you want to add a caption to the top of the table tick this box.

Advanced Tab

Insert Media Box - Advanced

Id: If you are using Cascading Style Sheets (CSS) for your website you can give an ‘ID’ to the table in this box.
Summary:
Here you can describe the contents of the table. Although this will not be visible, it will help people with disabilities view the table contents.
Style:
Here you can enter CSS styles to give to your table.
Language Code:
Specifies the language of the table's content.
Background Image:
This attribute is for specifying background image on your table. Enter the name of the background image in the field, however you must first have uploaded it to your Wizz-it webspace. Alternativley if it is stored elsewhere on the internet you can link to it directly but you will need to have the URL (web address) to the image. See the instructions on how to upload an image to your webspace under the Insert Image entry above.
Frame:
This attribute specifies which sides of the table's outer border are visible:
void: no border
above: top border only
below: bottom border only
hsides: top and bottom borders only
lhs: left border only
rhs: right border only
vsides: left and right borders only
box: border on all sides
border: border on all sides
Rules:
This attribute specifies the borders between table cells:
none: no inner borders
groups: borders between row groups and column groups only
rows: borders between rows only
cols: borders between columns only
all: borders between all cells
Language Direction:
This attribute specifies the direction of your text, choose either left to right or right to left.
Border Colour:
Choose a border colour for the table. Either type the hex colour straight into the box (the number beginning with a '#') or select a colour from the colour picker.
Background Colour:
Choose a background colour for the table. Either type the hex colour straight into the box (the number beginning with a '#') or select a colour from the colour picker.

Row Properties
Table Row Properties
Click inside a row, then click on this button to bring up the row properties box. Before pressing the update button you can choose whether to update just the current row, all even rows, all odd rows or all rows in the table.

General Tab

Row Properties

Row in table part: Select which part of the table you want the row to appear in. Choose from table body (main section - defult vaule), table head (at the beginning) or table foot (at the bottom).
Alignment:
Specify if you want the text in the row set to the left, right or centre of the row here.
Vertical Alignment:
Specify if you want the text in the row set to the top, bottom or middle of the row here.
Class:
If you have created Cascading Style Sheets for your website you can select a class for the table here.
Height:
Specify the height of the row here.

Advanced Tab

Row Properties

Id: If you are using Cascading Style Sheets (CSS) for your website you can give an ‘ID’ to the row in this box.
Style:
Here you can enter CSS styles to give to your row.
Language direction:
This attribute specifies the direction of your text, choose either left to right or right to left.
Language code:
Enter the letters or numbers to identify the language code.
Background image:
This attribute is for specifying background image on your row. Enter the name of the background image in the field, however you must first have uploaded it to your Wizz-it webspace. Alternativley if it is stored elsewhere on the internet you can link to it directly but you will need to have the URL (web address) to the image. See the instructions on how to upload an image to your webspace under the Insert Image entry above.
Background colour:
Choose a background colour for the row. Either type the hex colour straight into the box (the number beginning with a '#') or select a colour from the colour picker.

Row Properties
Table Cell Properties
Click inside a cell, then click on this button to bring up the cell properties box. Before pressing the update button you can choose whether to update just the current cell, all even cells, all odd cells or all cells in the table.

General Tab

Cell Properties

Alignment: Specify if you want the text in the cell set to the left, right or centre of the cell here.
Cell Type:
This is to specify whether the cell is going to contain "header" or "data" (default) information.
Vertical Alignment:
Specify if you want the text in the row set to the top, bottom or middle of the row here.
Scope:
This attribute specifies the set of cells for which the current cell provides header information.
row: The current cell provides header information for the rest of the row that contains it.
col: The current cell provides header information for the rest of the column that contains it.
rowgroup: The header cell provides header information for the rest of the row group that contains it.
colgroup: The header cell provides header information for the rest of the column group that contains it.
Class:
If you have created Cascading Style Sheets for your website you can select a class for the table here.
Width:
Specify the width of the cell here.
Height:
Specify the height of the cell here.

Advanced Tab

Cell Properties

Id: If you are using Cascading Style Sheets (CSS) for your website you can give an ‘ID’ to the cell in this box.
Style:
Here you can enter CSS styles to give to your cell.
Language direction:
This attribute specifies the direction of your text, choose either left to right or right to left.
Language code:
Enter the letters or numbers to identify the language code.
Background image:
This attribute is for specifying background image on your cell. Enter the name of the background image in the field, however you must first have uploaded it to your Wizz-it webspace. Alternativley if it is stored elsewhere on the internet you can link to it directly but you will need to have the URL (web address) to the image. See the instructions on how to upload an image to your webspace under the Insert Image entry above.
Border colour:
Choose a border colour for the cell. Either type the hex colour straight into the box (the number beginning with a '#') or select a colour from the colour picker.
Background colour:
Choose a background colour for the cell. Either type the hex colour straight into the box (the number beginning with a '#') or select a colour from the colour picker.

Insert Row Before
Insert Row Before
Click on a row in your newly created table, then click on the ‘Insert Row Before’ button to create another row above it.
Insert Row After
Insert Row After
Click on a row in your newly created table, then click on the ‘Insert Row After’ button to create another row after it.
Delete Row
Delete Row
Click on a row in your newly created table, then click on the ‘Delete Row’ button to delete it.
Insert Column Before
Insert Column Before
Click on a row in your newly created table, then click on the ‘Insert Column Before’ button to create another column before it.
Insert Column After
Insert Column After
Click on a column in your newly created table, then click on the ‘Insert Column After’ button to create another column after it.
Delete Column
Delete Column
Click on a column in your newly created table, then click on the ‘Delete Column’ button to delete it.
Split Merged Cells
Split Merged Table Cells
If you have merged two cells together you can split them again using this button. Just click on the cell you want to split and press the 'Split Merged Table Cells' button.
Merge Table Cells
Merge Table Cells
To merge two cells together click on the cell and press the Control button at the same time (or the apple button if you are on a mac) and the cell should become highlighted. Repeat this process for every cell you want to merge and then press the 'Merge Table Cells' button.