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.
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 |
Select single words in the text to format it with bold, italic or underlining. (The options that are available depends on your installation.) |
|
|
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 |
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. |
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.
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