Using the Editor

How to use the TinyMCE editor

Brief User Instructions

Introduction

These instructions assume that you already know how to use standard editors such as Microsoft Word. This document only describes differences. Most of the icons within the editor work as expected. You can bring your mouse up to each item and it will give a brief description of its use.

Editor tool bar

If you don't see the editor where you expect it, scroll to the bottom of the page. Internet Explorer and possible some other browsers will often reposition the editor to the bottom of the page if it can't fit it into the normal area for it.

Cheap Airfare Dallas

Cheap Airfare Dallas

.
.
.
.
.
. >>> Click here to enter <<<
.
.
. >>> Cheap Airfare Dallas <<<
.
.
. >>> Click here to enter <<<
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Find airfare deals buy one get one free Dallas Fort Worth flights& discount airfare deals on flights to Dallas Fort Worth (DFW). We will tell youabout these “hidden” fare reductions and alert you to other sale fares. Search and compare cheap flights to Dallas across multiple online travel siteswith one click. These are the cheapest * flights leaving airfare ireland 2017ad7a0a Cheap flights Find great prices royal jordanian airline airfares cheap flights airfare to Dallas and get Dallas travelinformation from cFares - best source for affordable travel -- airfare to cheap florida singapore airfares These are the cheapest * Dallas flights found by KAYAK users in the past 48 hours Cheap Flights from Dallas . Cheap flights Find great prices on airfare to Dallas and get Dallas travelinformation from cFares - best source for affordable travel -- airfare to dallas.
Flights to airfare airfare luxury travel travel triplister.com : airfare to columbus ohio your dates once and have TripAdvisor search multiplesites to find the best prices on Dallas flights. These are the cheapest * Dallas flights found by KAYAK users in the past 48 hours Cheap Flights from Dallas . We will tell youabout these “hidden” fare reductions and alert you to other sale last minute airfare sales international Find the cheap air flights cheap international airfares lisbon flight to Dallas . Headed cheap air flights cheap airfares flights travel johannesburg Dallas ? Our Dallas travel guide is packed full of Dallas flights,travel tips, insider info, when to fly and more.

Search and compare cheap chep airfares to Dallas across multiple online travel siteswith one click. Find the cheapest flight to Dallas . student discount airfare europe best deals on one-way and round-trip/return international airfares flying to Dallas , Texas, USA, North America. Flights to Dallas : Enter your dates once and have TripAdvisor search multiplesites to find the best prices on Dallas flights. Flights; Hotels; Vacation Packages Howto Find Cheap Air Travel to/from Dallas -Fort Worth. Flights; Hotels; Vacation Packages Howto Find Cheap Air Travel to/from Dallas -Fort Worth. Airlines lower airfares every day without advertising them. Book cheap flights to Dallas Fort Worth with CheapOair. On FareCompare, you'll find cheap domestic and international flights and traveldeals, cheap tickets, airline tickets, discount airfare , discount first. These are the cheapest * flights leaving from.

Pasting Text from Word

When you cut and paste text directly from MS Word or similar programs it normally carries a lot of excess formatting with it. Some of that formatting may have side effects further down the page in some browsers. You may see that your paragraphs aren't right or that it has incorrectly added line breaks instead of separating into paragraphs or that it doesn't use codes for special characters such as quotation marks and they don't look right.

To correctly paste text into a page use the 'paste as plain text' button . This will strip out all of the excess baggage. There is also a Paste from Word button which may leave some of your formatting intact, but still remove the "baggage".

For short pieces of text such as headings with no special characters it will normally be OK to paste directly into the editing window.

Adding images to your pages

Loading Pictures

It is recommended that all images used be either JPEG, GIF or PNG. Other formats may appear to work but will have problems with some browsers and will be slow to download. JPEG is best for photos in that it compresses to a smaller size and yet shows in better quality.

GIF and PNG are better for graphics and can be created with a transparent background so that they sit nicely over the website background.

To Upload and Insert an Image

First click within the Edit window at the position where you want to insert the image.

Click on the 'insert/edit image' icon

The first line within the General Tab is 'Image URL'.

Click on the browse button and a new browse window will come up. It will show any images you have already uploaded.

At the bottom of this browse window is a section where you can upload pictures and other files to the server. Use this to browse your local files and to upload them to the webserver.

When your image has been uploaded click on the 'add' at the far right of the name and you should now have returned to the 'insert/edit image' dialog of TinyMCE with the image URL filled out.

Fill out Image Description and Title with a description of the image. While you should incorporate keywords for search engines in this it should be a readable sentence or paragraph description.

The Image Description is very important. This creates the ALT attribute for the image. This is seen 'under the image' before the image loads or if it doesn't load and is used by visually impaired users. Search engines such as Google take particular note of this in creating keywords.

You can look at the appearance tab if you want to have your image aligned to the left or right of your text.

If you going to use the image as a link, many browsers will show the image with a border to indicate the link. If you don't want this border then you should place a 0 in border field.

Centering an Image

It seems strange that while HTML has direct attributes on images to allow them to be positioned to the left or right, it has never had a direct attribute to position an image in the center of its window.

The correct method (see http://www.w3.org/Style/Examples/007/center ) is as follows:

Select the Image and click the Image Button. Ensure that you have not set the Alignment parameter within the Appearance TAB of the Image Button.
Select the Image and click the Edit CSS Button. . On the Block TAB, for the Display parameter select 'block' then click on the Apply button at the bottom.
Still within the Edit CSS, on the Box TAB, unclick the 'same for all' within the margin box. Beside 'right' type auto. Beside 'left' type auto. These are also within the margin box. You can leave the next column set at pixels as this will not be used with the auto parameter. Now click on the Update button at the bottom.

The image should now be centered.

Adding Links to other pages or sites

Select the text or image you want to use then click on the Link button .

In the Link URL field you need to place the URL. For links to other sites this needs to be the full URL starting with "http://".

Links to other pages within the website can use the page name or node number.

Most of the time you will only need to fill in the one field - Link URL, but placing a single sentence in the Title field is useful for adding keywords for search engines. Some browsers will show this as a hover description when the viewer brings their mouse over the link.

If you wish to create a link to a place within the same web page such as a link back to the top of the page, or index links for a long page you will need to add an anchor point for the link to connect to.

- First click on the Anchor button at the position in the document where you will link to and give it an anchor name. Anchor names should not be repeated on a page.

- At the text or picture you want to link click the link button and select the anchor that you created from the Anchor Links field.

Anchor names can also be added to links to other pages in order to link to a specific place within a webpage. A hash (#) followed by the anchor name is added to the Link URL.

Keyboard Shortcuts

TinyMCE Keyboard Shortcuts

Ctrl-Z Undo

Ctrl-Y Redo

Ctrl-B Bold

Ctrl-I Italic

Ctrl-U Underline

The Ctrl-Z is particularly useful. This allows you to retrace through a number of your last operations.

Working with tables

Tables

Use the Add table button if you need to use a table to display data.

Do not use the table’s own parameters to specify aspects such as backgrounds. Instead use Edit CSS to apply the parameters as CSS styles. This particularly applies to backgrounds (background colors or background pictures) as they are interpreted differently in different browsers.
Ensure that pictures and other embedded media objects all have their sizes specified. If the browser doesn't have the size of picture specified then it has to complete the picture's download before it knows how big any surrounding table will be.
It is best not to have too many nested tables.