Home > Structure > English > Manuals > User Maunal > editors > Working with TinyMCE editor
A newer version of this fact exists. (view)
Working with TinyMCE editor
 

For easier formatting of your texts, you can switch to the TinyMCE-editormode. Functions similar to Word are available in the TinyMCE.


Steps:
(1) Click on the button: TinyMCE - 1127850.1 below the text or description field.
(2) Now, you can begin to enter your text into the TinyMCE-editor-window.

(3) In order to format text, highlight the respective words and click on the appropriate button.

tinyMCE - buttons.PNG - 1421069.1



boldicon - 1127858.1 Bold:
With this button you are able to bold text-elements. Example
italicicon - 1127900.1 Italic:
With this button you are able to style text-elements italic. Example
underlineicon - 1128010.1
Underline:
With this button you are able to unterline text-elements. Example
strikethroughicon - 1127956.1
Strikethrough:
With this button you are able to strikethrough text-elements. Example
 
forecoloricon - 1127878.1
Text colour:
Change your text colour.
 
backcoloricon - 1127854.1
Background colour:
Select a background colour.
 
Factlink icon - 1123596.1
Factlink:
Direct the cursor to the desired position. Click on the button. Enter the infoID of the fact you want to link to. "[factlink]" appears in the position which was chosen earlier. In the final view of the text, "[factlink]" will be replaced with the title of the text. more...
 Factimage Icon - 1123604.1 Include images:
Direct the cursor to the desired position. Click on the button. Choose an image by clicking on it. Please note, that an image needs to be uploaded to the platform before you can include it in a text (see chapter "Insert images").
 Factfile Icon - 1123608.1

File-Upload: 

With this button you are able to upload files directly.

(Regard - this button has only been implemented in Easy Publishing.)

 Factinclude Icon - 1123600.1 Factinclude:
With this button you can include full texts from other facts.
 Link_icon - 1121073.1 Include external links:
Enter a link name. Highlight the name. Click on the button. Enter the URL of the website you want to link to.
 Unlink Icon - 1123612.1

Unlink:

Position your cursor inside a linked word. Click on the button. The link is removed.

 justifylefticon - 1127908.1 Align left:
Left-align your marked text.
 justifyicon - 1127904.1 Align center:
Center-align your marked text.
 justifyrighticon - 1127912.1 Align right:
Right-align your marked text. .
 justifyfullicon - 1127916.1

Align full:

Justify your marked text. .

 ausricon - 1127924.1 Outdent:
Outdent your text with this button.
 einricon - 1127896.1 Indent:
Indent your text with this button.
 bullisticon - 1127862.1 Unordered list:
List with this button.
 numlisticon - 1127920.1 Ordered list:
List with this button.
 formaticon - 1128018.1

Format:

Use the drop-down list to format headings. 

 subicon - 1127960.1 Subscript:
Subscript text elements with this button. Example
 supicon - 1127964.1 Superscript:
Superscript text elements with this button. Example
charmap - 1127866.1
Custom character:
Choose under an amount of suggested characters.
 Undo_Icon - 1121079.1 Undo:
With this button you can undo steps of your creation.
 redoicon - 1127940.1 Redo:
With this button you can redo your changes.
 cuticon - 1127874.1

Cut:

Cut text elements. 

 copyicon - 1127870.1

Copy:

Copy text elements...

 pasteicon - 1127928.1

Paste:

... and paste them somewhere else. 

 pastetexticon - 1127932.1

Paste:

...as plain text. 

 pastewordicon - 1127936.1

Paste from MS Word:

Use this button to include text elements from MS Word.

searchicon - 1127952.1

Find:

Search after words.

 replaceicon - 1127948.1

Find/Replace:

Search after words and replace them. 

 Table Icon - 1123620.1 Create tables:
First, select “create table” from menu. A pop-up window will open. Insert the number of columns. The first row of the table will be created. Subsequently, one can supplement the table with further data, e.g., the number of rows. In addition you can position your cursor in the table and select the appropriate function from the table menu.
 tablerowprop - 1128002.1

Table row properties:

Fix properties of chosen rows.. 

 tablecellpropicon - 1127970.1

Table cell properties:

Fix properties of chosen cells. 

 insertrowbeforeicon - 1127994.1

Insert row before:

Use this button to insert a row before another. 

 insertrowaftericon - 1127990.1

Insert row after:

Use this button to insert a row after another. 

 tabledeleterowicon - 1127978.1

Delete row:

Use this button to delete a row.

 insertcolumnbeforeicon - 1127986.1

Insert column before: 

Use this button to insert a column before another. 

 insertcolumnaftericon - 1127982.1

Insert column after: 

Use this button to insert a row after another.
 tabledeletecolumnicon - 1127974.2

Delete column:

Use this button to delete a column. 

 tablesplitcellsicon - 1128006.1

Split table cells:

Use this button to split chosen cells. 

 tablemergepropicon - 1127998.1

Merge table cells:

Use this button to merge marked cells. 

hricon - 1127886.1
Horizontal line:
Use this button to insert a horizontal line.
 removeformaticon - 1127944.1 Remove formatting:
Mark the text element, of which format you want to remove and click the button.
 helpicon - 1127882.1

Help:

If you need helo, the help-button might be useful. 

 html2icon - 1127891.1

HTML Icon - 1123616.1

HTML:

Use the button to switch to the HTML-mode

 

Character counter - 1421070.4

Character counter:

This button shows the current count of the characters in a fact.

 

 



(4)
As soon as your text entry and formatting is completed, click on “next>>” and "publish".

 

 

Add on: Working with tables

 

 

You can use a table to input tabular data or if you need a fact with a specific layout *. At the end the fact could consist of several combined tables and meet all your  layout needs.

 

To help the layout remain stable it is useful to work with the tinyMCE buttons.

 

With the help of these buttons 1238548.png - 1245044.1 you can perform things like add a new row under or above the current one or delete the current row. If you add a row it gets the same configuration as the current one.

 

For example: the same amount of columns

 

1238550.png - 1245045.1 add a row beneath the current one

1238552.png - 1245046.1 delete the current row

 

Example: Extraction from the minutes of the meating

 

If you like to add a new "Verteiler" you have to place the cursor in the row under which you like to add a new row. Here it is the row where "Hr. C" is stated.

1238554.png - 1245057.1

Now click on the button 1238550.png - 1245045.1 to add a row beneath the current one (Hr. C).

 

1238556.png - 1245058.1

 

The new row is the same like the one above - it has three columns and the columns have the same width.

 


* Using tables for layout purposes will make your site less engine friendly.

 

  See more reasons why it is better not to use tables for layout: Drawbacks of the table-based layout


Metainfo:
Author: Claudia Kasper; Copyright: factline Webservices GmbH; Published by: Webservices factline 4 (factline4)
factID: 1128244.5 (...history); published on 13 Jan. 2010 16:01
 
Shortcuts:
Structure  >  English  >  Manuals  >  User Maunal  >  editors
 
Referers (26):