You are here: Edit Mode > Working with the Content > Editor > Editor Functions

Editor Functions

The TinyMCE Editor in EPiServer CMS is highly customizable meaning that the available Editor buttons may vary depending on the adaptations that have been done to a website.

EPiServer CMS comes with a selection of functions (buttons) in TinyMCE. These available buttons that are normally activated in a standard installation of EPiServer CMS are described here. You can change which buttons to be available in the Editor by activating or deactivating them in EPiServer CMS Admin mode.

Furthermore there are additional functions in TinyMCE which you can integrate with your website, these are not described here. Please refer to the official TinyMCE website to find out more about these functions.

Available Buttons in the Editor

The function of each button in the Editor is displayed when you move the mouse pointer over it. The following buttons are available in a standard installation of EPiServer CMS:

Insert/edit link Display the link dialog box for insertion or editing of link. It is dimmed until you select the text to be included in the hyperlink. See "Adding Links".
Unlink Remove a link from the selected text. It is dimmed until you place the cursor in the hyperlink.
Insert/edit anchor Insert or edit an anchor (bookmark) in the text. See "Creating Anchors".
Insert image Insert an image in the Editor, and change image properties. See "Working with Images".
Edit image Edit an image in the Editor.
Insert/edit embedded media Insert media content such as Flash images into the Editor. See "Inserting Embedded Media".
Insert/edit dynamic content Insert dynamic content by using content from other pages to update the page.This means that the information only needs to be changed in one place for it to be updated on all the pages that use that information. See "Adding Dynamic Content to a Page".
Personalized content Insert or edit personalized content. It is dimmed until you select the text to be included in the personalized content. See "Creating Personalized Content".
Insert/edit quote Mark the selected text as a quote. See "Working with Quotes".
Cut Cut the selected text and put it on the clipboard.
Copy Copy the selected text and put it on the clipboard.
Paste Paste content from the clipboard to the Editor.
Toggle paste as rich/plain text Toggle paste content to the Editor as rich or plain text. See "Copying Text from Other Programs".
Paste from Word Paste content to the Editor with any word formatting of content cleaned up.
Insert a new table Insert a table into the Editor. See "Working with Tables".
Delete table Delete a selected table. It is dimmed until you place the cursor in the table.
Table row properties Opens dialog box for table row. It is dimmed until you place the cursor in the table.
Table cell properties Opens dialog box for table cell. It is dimmed until you place the cursor in the table.
Insert column before/after Insert table column before and after selection. It is dimmed until you place the cursor in the table.
Remove column Remove the selected table column. It is dimmed until you place the cursor in the table.
Insert row before/after Insert table row before and after selection. It is dimmed until you place the cursor in the table.
Delete row Delete the selected table row. It is dimmed until you place the cursor in the table.
Split merged table cells Split table cells that have been merged. It is dimmed until you place the cursor in the table.
Merge table cells Merge table cells that have been split. It is dimmed until you place the cursor in the table.

 

Bold
Italic
Underline

Select single words in the text to format it with bold, italic or underlining. (The options that are available depends on your installation.)
You can remove all formatting by selecting the text and then select a style in the Styles drop-down list.

Align left
Align center
Align right
Align the text to the left, center or the right.
Unordered list Place the cursor to create bulleted list of the text.
Ordered list Place the cursor to create a numbered list of the text.
Horizontal rule Place the cursor to create a horizontal rule.
Styles Displays a drop-down list with available style formats for formatting text (which reflects the CSS style sheets on the website).

 

Undo
Redo

Undo or redo of previous actions.
Clean up messy code Remove invalid code, for example, Word formatting. This function is useful when you have been working with cut and paste to restructure the text, accidentally deleting HTML tags in the process. This function will go through the text and "clean" up any missing or incorrect formatting tags. For example, if you accidentally deleted a block quote end tag, the </blockquote> will be added in the appropriate place to make the HTML code complete.
Show / Hide HTML source Display the HTML code. If you are proficient in the use of HTML, you can switch to HTML mode and create or modify your page writing HTML code directly. You can also check the HTML code and make minor adjustments to the page.
Toggle
invisible elements
Click to turn on and off the Editor marking of links, anchors and quotes.
Toggle full screen mode Click to toggle between full screen and normal screen mode when working with large volumes of text and images. Click the button again to restore the Editor to its original size.
Find Search for and replace a text within the Editor.

Path and Word Count

When formatting text in the Editor, the HTML tag for the text with will be displayed in the Path: section at the bottom left part of the Editor, when you click on specific text. For instance, if you have formatted the text with bold, the Path: section will display "Path: p >> strong". This is useful when checking that the text is correctly formatted.

In the bottom right corner of the Editor, the Words: field displays the actual word count for the content. This function can be turned off from the administration interface of EPiServer CMS.

Spell Checking

If you are using Firefox or Internet Explorer 8, spell checking is available through the right-click of the browser (plug-in is required for Internet Explorer). Open the text you want to spell check for editing. Place the cursor in the text, right-click and select spell check. Follow the options available in the browser menu.

 


Last updated: 2011-03-25 | Copyright © EPiServer AB