Text editor

The functionality of the text-editor in MyCMS is comparable to that of a word-processor.

Below you find a short description for each of the editor-buttons.

Bold text icon Bold text style (Ctrl+B).
Italic text icon Italic text style (Ctrl+I).
Underline text icon. Underline text style (Ctrl+U).
Strikethrough text icon. Strikethrough text style.
Align left icon. Align left.
Align center icon. Align center.
Align right icon. Align right.
Align full icon. Align full.
Unordered list/bullet list icon. Unordered list/bullet list.
Ordered list/numbered list icon. Ordered list/numbered list
Outdent/decrease indentation icon. Outdent/decrease indentation.
Indent/increase indentation icon. Indent/increase indentation.
Undo the last operation. Undo the last operation (Ctrl+Z).
Redo the last operation icon. Redo the last operation (Ctrl+Y).
Insert a new link icon. Insert a new link, read more about this function in the Insert link section.
Unlinks the current selection icon. Unlinks the current selection/removes all selected links.
Insert a new anchor icon. Insert a new anchor, read more about this function in the Insert anchor section.
Insert a new image icon. Insert a new image, read more about this function in the Insert image section.
Cleanup code icon. Cleanup code/Removes unwanted formating. This function is useful when you copy contents from for example a office product.
Show help icon. Shows this help window.
Source code editor icon. Opens HTML source code editor.
Insert table icon. Inserts a new table at the current location.
Adds a row above icon. Adds a row above the current one.
Adds a row under icon. Adds a row under the current one.
Remove row icon. Removes the row.
Add column before icon. Adds a column before the current one.
Add column after icon. Adds a column after the current one.
Remove column icon. Removes the current column.
Insert horizontal ruler icon. Inserts a new horizontal ruler
Remove formatting icon. Removes formatting from the selection.
Subscript icon. Makes the selection to be subscript.
Superscript icon. Makes the selection to be superscripted.

 

 

Insert image button


The insert image button opens the window shown below.

Insert image dialog/window

You simply enter a URL to the image you want to link to and enter a image description, this is then displayed as an alternative text descripton of the image on the page.

Field descriptions:

Image URL URL/path to the image.
Image description Alternative description of image contents.
Dimentions Image width/height.
Alignment Image alignment, useful when wrapping text around images.
Border Border thickness.
VSpace Vertical space, useful when wrapping text around images.
HSpace Horizontal space, useful when wrapping text around images.

 

 


This button opens a new window with the insert/edit link function.

Insert link dialog/window

There are two fields in this window the first one "Link URL" is the URL of the link. The target enables you to select how the link is to be opened.

 

 

Insert anchor button


This button opens a new window with the insert/edit anchor function.

Anchor dialog/window

There are one field in this window, this is where you enter the name of you anchor point. Remember the anchor name needs to be unique.

 

 

Insert table button


The insert table button opens the window shown below. This action enables you to create tables.

Image of table window

Field descriptions:

Columns Number of columns in the table.
Rows Number of rows in the new table.
Cellpadding Cellpadding of the table .
Cellspacing Cellspacing of the table .
Alignment Table alignment .
Border Border thinkness of table.
Width Width in pixels of table .
Height Height in pixels of table.
Class Style or CSS class of table.

 

 

Create accessible content


TinyMCE can create HTML content that will be accessible to all users, including those with disabilities using assistive technologies, as well as those using text-based browsers, or those browsing the Web with images turned off.

Things you can do to make your content accessible:

  1. Include an Image Description: Blind users, or others who are unable to view images, will rely on the Image Description (or Alt text) to take the place of the image. If an image contains no meaning, such as a decoration or a spacer image, leave the Image Description empty. TinyMCE will then insert an empty Alt text attribute that will force assistive technologies to ignore the image.

  2. Add Scope to data table header cells: In the table cell editor dialog window, choose a Scope when creating Header cells so the column or row label in that cell becomes explicitely associated with its data cells. Table cell headers will then be announced with each data cell, making it easier for blind users using a screen reader to understand what the content of each cell represents.

  3. Structure content with properly nested headings: In the format selection menu choose Heading 1 to Heading 6 to represent headings in your content, rather than using other font formating options. Blind users using a screen reader can then extract the headings from the page to generate a summary of the content it contains, and use those headings to navigate quickly to subsections within the page.

  4. Include alternate content: Create an alternate page for non-HTML content such as Flash, Java applets, or embedded movies. This might be a static image, with a description of the image, and a description of the content that would have appeared in its place. An alternate HTML page could also be created, and a link to it included next to the non-HTML object. This will ensure that the content will be accessible to users of assistive technologies that can not view or play the content, and ensure the content will be available to those who do not have the appropriate plugin or helper application installed.