background image

Editing Text using the Page Editor

The page editor is a WYSIWYG editor (What You See Is What You Get) which is just like any word processor such as MS Word. This means that you can type your text directly into the editor and format the text using bold, italic, alignment, bulleted lists, indented text etc. You can also change the text size, colour and font, and set the required text heading size.

You can see all the tool bar buttons here and their functions on the main page editor manual page.

Paragraphs & New Lines

Whenever you press the ENTER key on your keyboard it will start a new paragraph (just like any word processor), so if you want to place your text on a new line without starting a new paragraph then use SHIFT+ENTER just as you would in MS Word.

Multiple Columns

instant templates

Column 1

You can instantly create multiple columns of text like this using the instant templates button in the tool bar.

You can add multiple templates on a page, so you can arrange your text and photos in unlimited layouts.

This example is a three column template.

You can see all of the available instant templates here.

Column 2

Once you have added the template you can then simply replace the placement text and headings with your own.

You can also insert images into any of the columns as required... just remember to resize your photos to the appropriate display size first before you upload them.

Horizontal menu websites have a max page width of 940 pixels.

Vertical menu websites have a max page width of 770 pixels

Column 3

Image resized to 250x150 pixels

This support website uses a vertical menu, so its max page width is 770 pixels. This image in the three column template therefore needs to be approx 250 pixels to fit in this column.

Internal Page Links

internal page links

You can make any text (or image) a link to any other page on your website.

Just highlight the text (or click on the image to select it) and then press the Insert/Edit Website Baker link icon in the tool bar. You will then be able to select any of the current pages on your website. This converts the selected text or image into a link to your selected page. For example, this is a link to the contact page on this website.

External Website Links

internal page links

If you want to add a link to another website then highlight the text (or click on an image to select it) and press the link icon in the tool bar. Then enter the full website address (URL) into the URL field. To add a mouseover text (or alt text text) to the link then press the Advanced tab and then enter the text into the Advisory Title field.

To make the link open the website in a new window (so your visitor does not lose the current selected page of your website) click on the Target tab and select New Window from the options.

For example, this is an external link to our main website.

Create links to Download Files

download links

If you want to provide a PDF document (for example) for visitors to download, then you can easily do this by highlighting the text that you want to use as a link (or select an image or graphic) and then press the link icon in the tool bar (same one you use when creating an external web link).

If you have already uploaded your document into your Media folders then simply press the Browse Server button and select the file.

If you have not uploaded the file, then press the Upload tab and then the Browse button to select the file on your computer, and press the Send it to the Server button.

Your selected text or image will then be converted to a link that will download the file.

Creating Tables for Advanced Layouts

creating tables

You can insert a table into your page with any number of rows and columns, and then insert text and/or images into the table cells. This allows you to create complex page layouts or tabular data just like you do in MS Word.

Click in the page where you want to add the table and then press the table icon.

In the Table Properties window enter the required number of rows and columns, and enter '0' into the border field (this hides the table borders for a clean display).

If you want your table to fit the full width of your page then enter 100 in the width field and select 'percent'.
If you want a specific width for your table then enter the width in pixels. You can also align your table left or right using the alignment option.

Below is an example of a three row and four column table at full width. The first row of cells have been edited to make their text bold and centred, and the background light grey. You can edit each cell by right clicking in the cell and select Cell/Cell Properties. You then have the options to set the cell width and cell background colour, and set the cell type (data or header).

Column One Column Two Column Three Column Four
1 Data sample Data sample Data sample
2 Data sample Data sample Data sample

You can insert anything into each cell, so you can insert text and/or images as required, and the cells will expand in height to accomodate your content. This provides an advanced range of layout options for any page.

Paste from MS Word

Paste from MS Word

IMPORTANT WARNING

If you copy text from MS Word (or any word processor) and paste directly into your page then this action will also transfer masses of hidden code that can cause major problems with the display of your page. It is essential that all of the hidden code is removed before it is placed into the page. Always use the Paste from Word tool in the page editor tool bar.

For this purpose you will find a special Paste from Word tool that you should always use if you want to copy and paste text from MS Word.

To use this tool, simply click into the page editor where you want the text to be placed and press the Paste from Word icon and paste your Word content into the box and press save. This will strip out all the messy code that MS Word generates, and insert the clean text into the page.

Removing Formatted from Text

Undo text formatting rubber tool

It can be very easy to overuse and abuse the formatting of your text if you apply and re-apply formatting options. This can cause problems with text not appearing in the way you intended due to the way the editor adds special hidden html code each time you format your text.

You can use the Undo icon if you have not already saved your page. This provides multiple levels of undo for as long as you don't save the page.

To remove any messy formatting from your text, select and highlight all the affected text and press the Remove Format button. This will attempt to revert the selected text to plain text. You can then reformat the text as required.

If this tool does not remove all the formatting, then highlight the affected text and press ALT+X on your keyboard (on a PC this copies the text and deletes it in one action). Or copy the text and then delete the text from the editor. Then press the Paste as plain text icon and paste the text into the box. This strips out all the formatting and pastes it back into the editor as clean plain text.