Use the rich text editor

With the rich text editor, you can create content that includes formatted text, tables, images, and videos. The rich text editor is a component of some content editors, and it contains features similar to those found in word processing applications.

The following content templates use the rich text editor:

• Document Style 1
• Small Block
• Small Block With Image
• Text Block
• Form (simplified version of the rich text editor for the Text form element)

Although the rich text editor is designed to be a WYSIWYG editor, what you see in the rich text editor usually does not match how the content appears on your site. The final appearance of the content depends on the CSS for your site. You can preview content to see how it will actually look on your site.

Navigate the rich text editor

As you are creating content, the rich text editor provides you with the following information:

• Current character count
• Current word count
• The open HTML tags that precede the current location of the cursor

You can resize the rich text editor by doing one of the following:

• Drag the bottom right corner of the rich text editor to manually adjust the size.
• Use the maximize button to fill the content editor with the rich text editor; this hides other fields in the content editor.

Enter and format text

The rich text editor provides many functions for formatting text that are similar to those found in word processing applications. It also provides consistent styles for characters and paragraphs. The CSS for a site typically controls the style of common HTML tags, such as those for paragraphs, headings, and block quotes.

The following table describes the various functions that can be used to format text.

Cut, copy, and paste text

The ability to cut, copy, and paste text makes it easy to move text within the rich text editor and add text that was written in an application other than OrchestraCMS.

The following table describes the cut, copy, and paste functions available in the rich text editor.

You can also cut, copy, and paste text using right-click options in the rich text editor. First, highlight the appropriate text and select Cut or Copy from the right-click menu. Then, place your cursor in the location you want to paste the text, and select Paste from the right-click menu.

Find and replace text

In addition to helping you find specific text entered in the rich text editor, you can keep your content consistent using the find and replace functions.

The find and replace buttons in the rich text editor open the same dialog, but depending on which button you click, you are directed to the appropriate section.

To find text in the rich text editor

1. In the rich text editor, click the find button .
2. In the Find and Replace dialog, do any combination of the following to set options in the Find Options area:
   • Click to select Match case to force the search to only locate text that matches the exact case of the entered search term. For example, if you select this option and search for “OrchestraCMS”, it will not find instances of “orchestracms”.
   • Click to select Match whole word to force the search to only locate text that matches the exact word and not larger words. For example, if you select this option and search for “Orchestra”, it will not find instances of “OrchestraCMS”.
   • Click to select Match cyclic (this is selected by default) to force the search to return to the beginning of the text and continue searching after it reaches the bottom of the text.
3. Enter the text you want to find in the Find what box, and then click Find. The search begins at the current location of the cursor in the rich text editor. If matching text is found, the first instance after the location of the cursor is highlighted.
4. Click Find as many additional times as necessary to locate all relevant instances of the text.

To find and replace text in the rich text editor

1. In the rich text editor, click the replace button  .
2. In the Find and Replace dialog, set options in the Find Options area as described in the previous procedure.
3. Enter the text you want to replace in the Find what box.
4. Enter the text you want to replace it with in the Replace with box.
5. Do one of the following:
   • To find each instance of the text before you replace, click Replace to locate the text, and then click Replace again to change the text.
   • To replace all instances of the text at the same time, click Replace All.  

Create and modify lists

You can change the currently selected text into a numbered or bulleted list by using the list buttons in the rich text editor:

After a list is created, you can modify the list properties using right-click options. For numbered lists, you can specify the starting number and the number type. For bulleted lists, you can specify the bullet type.

To set properties for a numbered list

1. Right-click anywhere in the list and select Numbered List Properties.
2. In the Numbered List Properties dialog, do one or both of the following:
   • In the Start box, enter the number that you want the list to start at.
   • From the Type list, select the number type that you want the list to use. Options are lower Roman, upper Roman, lower alpha, upper alpha, and decimal.
3. Click OK.

To set properties for a bulleted list

1. Right-click anywhere in the list and select Bulleted List Properties.
2. In the Bulleted List Properties dialog, from the Type list, select the bullet type that you want the list to use. Options are circle, disc, and square.
3. Click OK.

Insert an image

With the rich text editor, you can add images to your content from the OrchestraCMS media library or from external sources. Various settings allow you to customize how the image appears on the page and add a link to the image.  

To insert an image in the rich text editor

1. Put your cursor in the location in the rich text editor that you want to insert your image.
2. Click the image button .
3. In the Image Properties dialog, on the Image Info section, do the following:
4. In the URL box, enter an external URL for the image or click Browse Media Library to select an existing image or upload a new image to the media library.
5. In the Alternative Text box, enter text that describes the image in a clear away. Alternative text makes your site more accessible for people who use screen readers or people who are viewing the site in a way that prevents them from downloading images.
   • Optionally, in the Width and Height boxes, change the size of the image by entering a width or height in pixels. By default, the size ratio is locked. This means that if you change the width of the image, the height is proportionately adjusted and vice versa. If you want to freely adjust both the width and height, click the lock button  to unlock the size ratio. You can also click the reset button  to reset the size of the image to the original size.
   • Optionally, in the Border box, enter a border width in pixels.
   • Optionally, in the HSpace box, enter a number of pixels that defines the horizontal space between the image and the image border (if one exists) or the space between the image and the surrounding document elements (text, etc.) if a border doesn’t exist.
   • Optionally, in the VSpace box, enter a number of pixels that defines the vertical space between the image and the image border (if one exists) or the space between the image and the surrounding document elements (text, etc.) if a border doesn’t exist.
   • Optionally, select left or right alignment from the Align list.
6. Optionally, on the Link section, add a link to the image by doing one of the following:
   • In the URL box, enter a complete external URL.
   • Click the Find OrchestraCMS Link to choose a page or file in OrchestraCMS.
7. For most users, we do not recommend adjusting advanced properties. However, you can do one or more of the following on the Advanced section:
   • In the ID box, enter a unique identifier for an image element. This sets the id attribute.
   • From the Language Direction list, select left-to-right or right-to-left. It sets the dir attribute, but if text directions need to be set for your site, this is typically already configured, and it is not necessary to set it for a specific image.
   • In the Language Code box, enter a language code as specified according to RFC 1766 (http://www.ietf.org/rfc/rfc1766.txt). It sets the lang attribute, but if languages need to be set for your site, this is typically already configured, and it is not necessary to set it for a specific image.
   • In the Long Description URL box, enter a URL of a page that contains a long description of the image. This sets the longdesc attribute.
   • In the Stylesheet Classes box, enter one or more CSS classes separated by spaces. This sets the class attribute, but the appearance of the image is typically already defined by the CSS of your site.
   • In the Advisory Title box, enter text for the tooltip that is shown when a user’s cursor hovers over the image. This sets the title attribute.
   • In the Style box, enter inline styles for the image. Each value must end with a semicolon and individual properties should be separated with spaces. Although inline styles can be set, we recommend that most or all of your styles be set in the CSS for your site.
8. Click OK.

To edit image properties after the image has been placed

1. Select the image in the body of the rich text editor.
2. Do one of the following:
3. Click the image button .
4. Right-click on the image, and select Image Properties.

Insert an Adobe Flash file

You can insert an Adobe Flash file to your content using the rich text editor. This file can be stored in the OrchestraCMS media library or available on an external URL.

To insert an Adobe Flash file in the rich text editor

1. Put your cursor in the location in the rich text editor where you want to insert your Adobe Flash file.  
2. Click the Adobe Flash button.
3. In the Flash Properties dialog, on the General section, do the following:
   • In the URL box, enter an external URL for the Adobe Flash file or click Browse Media Library to select an existing image or upload a new image to the media library.
   • Optionally, in the Width and Height boxes, change the size of the image by entering a width or height in pixels. By default, the file displays in its original size.
   • Optionally, in the HSpace box, enter a number of pixels that defines the horizontal space between the Adobe Flash file and the surrounding document elements (text, etc.).
   • Optionally, in the VSpace box, enter a number of pixels that defines the vertical space between the Adobe Flash file and the surrounding document elements (text, etc.).
4. Optionally, on the Properties section, do one or more of the following:
   • From the Scale list, select an option to set the scale attribute, which determines how the Adobe Flash object scales when the browser window is resized. “Show all” means the entire object is visible and the original aspect ratio is retained; “No Border” means the object is scaled to fit within the specified area without any borders with the original aspect ratio retained; “Exact Fit” means the entire object is visible within the specified area, but the original aspect ratio might not be retained.
   • From the Script Access list, select an option to set the allowScriptAccess attribute, which controls the ability of the Adobe Flash object to communicate with the page it is embedded in. “Always” means the object can communicate with the page it is embedded in even if they are from different domains; “Same domain” means the object can communicate with the page it is embedded in only if they are from the same domain; “Never” means the object can never communicate with the page it is embedded in.
   • From the Window Mode list, select an option to set the wmode attribute, which controls the layering of the Adobe Flash object in the browser window. “Window” means the object is shown in its own window; “Opaque” means the object hides everything underneath; “Transparent” means the background shows through all transparent areas of the object.
   • From the Quality list, select an option to set the quality attribute, which controls the relationship between the speed of the Adobe Flash object and its appearance. “Best” means the object displays in the best appearance and speed is disregarded; “High” means appearance is favored over speed; “Auto High” means speed and appearance are equally emphasized; “Medium” means speed is favored over quality, but some anti-aliasing is applied; “Auto Low” means speed is favored over quality, but quality is improved whenever possible; “Low” means speed is favored over quality and anti-aliasing is never applied.
   • From the Alignment list, select an option to set the align attribute, which controls the alignment of the Adobe Flash object. You can choose between “Left,” “Abs Bottom,” “Abs Middle,” “Baseline,” “Bottom,” “Middle,” “Right,” “Text Top,” “Top.”
   • In the Variables for Flash area, click to select or clear the check boxes to set additional options to control the Adobe Flash Player. “Enable Flash Menu” controls whether the Adobe Flash context menu is enabled; “Auto Play” controls whether the Adobe Flash object starts playing automatically when the page is opened; “Loop” controls whether the Adobe Flash object plays continuously on a loop; “Allow Fullscreen” controls whether the Adobe Flash object can be played in full screen mode.
5. For most users, we do not recommend adjusting advanced properties. However, you can do one or more of the following on the Advanced section:
   • In the ID box, enter a unique identifier for an Adobe Flash element. This sets the id attribute.
   • In the Background color box, enter a hexadecimal color code that is visible beneath the transparent portions of the Adobe Flash object.
   • In the Stylesheet Classes box, enter one or more CSS classes separated by spaces. This sets the class attribute, but the appearance of the object is typically already defined by the CSS of your site.
   • In the Style box, enter inline styles for the object. Each value must end with a semicolon and individual properties should be separated with spaces. Although inline styles can be set, we recommend that most or all of your styles be set in the CSS for your site.
6. Click OK.

To edit Adobe Flash file properties after the file has been placed

1. Select the Adobe Flash file in the body of the rich text editor.
2. Do one of the following:
   • Click the Adobe Flash button .
   • Right-click on the Adobe Flash file and select Flash Properties.

Insert a table

You can insert a table into your content using the rich text editor. The table properties that can be configured primarily affect the appearance of the table.

To insert a table in the rich text editor

1. Put your cursor in the location in the rich text editor where you want to insert your table.  
2. Click the table button .
3. In the Table Properties dialog, on the Table Properties section, do the following:
   • In the Rows box, enter the number of rows in the table.
   • In the Columns box, enter the number of columns in the table.
   • Optionally, in the Width box, enter the width for the table in either pixels or a percent value. A percent value lets you set the proportion of the rich text editor that the table occupies.
   • Optionally, in the Height box, enter the height for the table in pixels.
   • Optionally, from the Headers list, select whether the first row, first column, or both are designated as headers, which applies special formatting to them.
   • Optionally, in the Border size box, enter the thickness of the table border in pixels. The default value is 1.
   • Optionally, from the Alignment list, select whether the table is left, center, or right aligned.
   • Optionally, in the Cell Spacing box, enter the space between individual cells as well as cells and table borders, in pixels.
   • Optionally, in the Cell Padding box, enter the space between the cell border and its contents, in pixels.
   • Optionally, in the Caption box, enter a label to appear above the table.
   • Optionally, in the Summary box, enter a summary of the table contents that is available for assistive devices, such as screen readers. As a best practice, we recommend you fill out this box to increase the accessibility of your site.
4. Optionally, on the Advanced section, do one or more of the following:
   • In the ID box, enter a unique identifier for a table element. This sets the id attribute.
   • From the Language Direction list, select left-to-right or right-to-left. It sets the dir attribute for the table, but if text directions need to be set for your site, this is typically already configured, and it is not necessary to set it for a specific table.
   • In the Style box, enter inline styles for the table. Each value must end with a semicolon and individual properties should be separated with spaces. Although inline styles can be set, we recommend that most or all of your styles be set in the CSS for your site.
   • In the Stylesheet Classes box, enter one or more CSS classes separated by spaces. This sets the class attribute, but the appearance of tables is typically already defined by the CSS of your site.
5. Click OK.

After a table is created, you can right-click anywhere inside the table to access options to change table properties, cell properties, or the number of rows and columns. You can also delete the table from the right-click menu.

To access the table properties screen that is displayed when you create a table

• Right-click in the table, and then click Table Properties.

To delete the entire table

• Right-click in the table, and then click Delete Table.

To edit table rows

• Right-click in the table, point to Row, and do one of the following:
  • Click Insert Row Before to add a row above the one that contains the cursor.
  • Click Insert Row After to add a row below the one that contains the cursor.
  • Click Delete Rows to delete the row that contains the cursor or the rows that are currently selected.

To edit table columns

• Right-click in the table, point to Column, and do one of the following:
  • Click Insert Column Before to add a column to the left of the one that contains the cursor.
  • Click Insert Column After to add a column to the right of the one that contains the cursor.
  • Click Delete Columns to delete the column that contains the cursor or the columns that are currently selected.

To edit table cells

• Right-click in the table, point to Cell, and do one of the following:
  • Click Insert Cell Before to add a cell to the left of the one that contains the cursor.
  • Click Insert Cell After to add a cell to the right of the one that contains the cursor.
  • Click Delete Cells to delete the cell that contains the cursor or the cells that are currently selected.
  • Click Merge Cells to combine two or more selected cells into one.
  • Click Merge Right to combine the cell that contains the cursor with the cell to its right. The contents of the cells will be combined.
  • Click Merge Down to combine the cell that contains the cursor with the cell below it. The contents of the cells will be combined.
  • Click Split Cell Horizontally to split the cell that contains the cursor in two with the new cell on the right. The original cell on the left will contain any existing content.
  • Click Split Cell Vertically to split the cell that contains the cursor in two with the new cell on the bottom. The original cell on the top will contain any existing content.
  • Click Cell Properties to open the Cell Properties dialog; the options available in this dialog are explained in the next procedure.

To edit table cell properties

1. Right-click in the cell, and then click Cell Properties.
2. In the Cell Properties dialog, do one or more of the following:
   • In the Width box, enter the width of the cell in pixels or a percent value, and specify which option you choose from the list beside the box. A percent value specifies the proportion of the row that the cell and its column occupy.
   • In the Height box, enter the height of the cell in pixels.
   • From the Cell type list, select whether the cell contains normal data or is a header cell. Header cells have special formatting.
   • From the Word Wrap list, select whether or not the cell supports word wrapping. By default, this is set to yes.
   • In the Rows Span box, enter a number to set the rowspan attribute and indicate how many rows the cell stretches down.
   • In the Column Span box, enter a number to set the colspan attribute and indicate how many columns the cell stretches across to the right.
   • From the Horizontal Alignment list, select whether the contents of the cell are left, center, or right aligned.
   • From the Vertical Alignment list, select whether the contents of the cell are top, middle, bottom, or baseline aligned.
   • In the Background Color box, enter a color value for the background color of the cell by doing one of the following: enter an RGB value in the rgb(nn, nn, nn) format, enter a hexadecimal RGB value in the #nnnnnn format, or click Choose and select a color from the Select Color dialog.
   • In the Border Color box, enter a color value for the border color of the cell by doing one of the following: enter an RGB value in the rgb(nn, nn, nn) format, enter a hexadecimal RBG value in the #nnnnnn format, or click Choose and select a color from the Select Color dialog.
3. Click OK.

Insert a horizontal line, smiley, or special character

You can add horizontal lines, smileys, and special characters to your content in the rich text editor.

Horizontal lines can be used to separate sections of your content. The line automatically spans the entire width of the container.

To insert a horizontal line

1. Place the cursor in the location where you want to insert the horizontal line.
2. Press the horizontal line button .

It is easiest to remove a horizontal line from the source code; click the Source button, and delete the <hr /> element.

A smiley, or emoticon, is a small image that can be used to express a mood or other concept. The rich text editor provides a set of smileys that can be inserted into your content.

To insert a smiley

1. Place the cursor in the location that you want to insert the smiley.
2. Press the smiley button .
3. In the Insert a Smiley dialog, click to select a smiley.
   

Special characters are text characters such as letters with accents and symbols that cannot be entered directly from a U.S. English keyboard.

To insert a special character

1. Place the cursor in the location that you want to insert the special character.
2. Press the special character button  .
3. In the Select Special Character dialog, click to select a text character.

Create a link

A link can be added to any text or image in the rich text editor. When a link is created, it can point to one of several different items:

• An external URL
• An internal page or file in OrchestraCMS
• An anchor that points to a designated location in the content
• An email address

When you need to link to a page or file that is not part of your OrchestraCMS site, you can link to an external URL.

To create a link to an external URL

1. Highlight the text or select the image in the rich text editor that you want to add a link to.
2. Click the link button  .
3. In the Link dialog, from the Link Type list, select URL.
4. From the Protocol list, select the communication protocol used with the web address. Options are http://, https://, ftp://, news://, or <other>. Most URLs for standard webpages use HTTP or HTTPS.
5. In the URL box, enter the complete URL for the link, including the protocol. For example, enter http://www.example.com.
6. Optionally, on the Target section, set the target properties for the link.
7. Optionally, on the Advanced section, set advanced properties for the link.
8. Click OK.

When you need to link to a page or file that is published on your OrchestraCMS site, you can create an internal link.

To create a link to an internal page or file

1. Highlight the text or select the image in the rich text editor that you want to add a link to.
2. Click the link button.
3. In the Link dialog, from the Link Type list, select URL.
4. Click Find OrchestraCMS Link, select the page or file, and then click Select. Target properties selected from the Open In list are not applied to the link. You must set target properties separately as described in the next step.
5. Optionally, on the Target section, set the target properties for the link.
6. Optionally, on the Advanced section, set advanced properties for the link.
7. In the Link dialog, click OK.

For the URL link type, you can set target properties that define where the link opens.

To set link target properties

• In the Link dialog, on the Target section, select one of the following target destinations for the link from the Target list:
  • <frame>. Opens the link in the frame specified in the Target Frame Name box, which is visible after this option is selected.
  • <popup window>. Opens the link in the pop-up window specified in the Popup Window Name box, which is visible after this option is selected. Other options are available for this target type:
    • Resizable. Controls whether the pop-up window can be resized.
    • Status bar. Controls whether the pop-up window contains the status bar.
    • Location bar. Controls whether the pop-up window contains the location bar.
    • Toolbar. Controls whether the pop-up window contains the toolbar.
    • Menu bar. Controls whether the pop-up window contains the menu bar.
    • Full screen. Controls whether the pop-up window is maximized (works in Internet Explorer only).
    • Scroll bars. Controls whether the pop-up window contains scroll bars.
    • Dependent. Controls whether the pop-up window closes when the window that opens it closes (works in Netscape only).
    • Width. The width of the pop-up window in pixels.
    • Height. The height of the pop-up window in pixels.
    • Left Position. The offset of the pop-up window from the left side of the screen, in pixels.
    • Top Position. The offset of the pop-up window from the right side of the screen, in pixels.
  • New Window (_blank). Opens the link in a new window or section.
  • Topmost Window (_top). Opens the link in the window that is positioned on the top.
  • Same Window (_self). Opens the link in the current window or section. This is the same as the default setting.
  • Parent Window (_parent). Opens the link in the window that the page window is nested in.
• If you have completed all other link properties, click OK.

You can create a link to an email address in the rich text editor. For some users, clicking an email link opens the default email application and automatically populates the subject and body of the email message according to what was entered when you created the link. For users of web-based email applications, the results of clicking an email link vary.

To create a link to an email address

1. Highlight the text or select the image in the rich text editor that you want to add a link to.
2. Click the link button .
3. In the Link dialog, from the Link Type list, select E-mail.
4. Enter the email address you want to link to in the E-Mail Address box.
5. Optionally, enter an email message subject in the Message Subject box.
6. Optionally, enter text to include in the body of the email in the Message Body box.
7. Optionally, on the Advanced section, set advanced properties for the link.
8. Click OK.

You can create a link that points to another location in the same piece of content. To do this, you must first create an anchor at the location that the link will point to. Then you can create a link anywhere in the content and have it point to the anchor.

To create a link anchor

1. Place the cursor in the location that you want to create the anchor.
2. Click the anchor button .
3. In the Anchor Properties dialog, enter a name for the anchor in the Anchor Name box. The name should identify the location of the anchor so you can easily recognize it later.
4. Click OK.

Once an anchor is created, a flag icon indicates its placement.

To create a link to an existing anchor

1. Highlight the text or select the image in the rich text editor that you want to add a link to.
2. Click the link button  .
3. In the Link dialog, from the Link Type list, select Link to anchor in the text.
4. Choose an anchor to link to by doing one of the following:
   • Select an anchor name from the By Anchor Name list.
   • Select an anchor ID from the By Element ID list. To add an ID to an anchor, you have to modify the source code of the content.
   • Optionally, on the Advanced section, set advanced properties for the link.
   • Click OK.

With any type of link, you can set advanced link properties. These are not mandatory.

To set advanced link properties

1. In the Link dialog, on the Advanced section, do one or more of the following:
   • In the ID box, enter a unique identifier for the link element. This sets the id attribute.
   • From the Language Direction list, select left-to-right or right-to-left. This sets the dir attribute, but if text directions need to be set for your site, this is typically already configured, and it is not necessary to set it for a specific link.
   • In the Access Key box, enter a keyboard shortcut to access the link element. This sets the accesskey attribute.
   • In the Name box, enter the name of the link element. This sets the name attribute.
   • In the Language Code box, enter a language code as specified according to RFC 1766 (http://www.ietf.org/rfc/rfc1766.txt). It sets the lang attribute, but if languages need to be set for your site, this is typically already configured and it is not necessary to set it for a specific link.
   • In the Section Index box, enter the section order of the link element. This sets the sectionindex attribute.
   • In the Advisory Title box, enter text for the tooltip that is shown when a user’s cursor hovers over the link. This sets the title attribute.
   • In the Advisory Content Type box, enter the content type of the link. This sets the type attribute.
   • In the Stylesheet Classes box, enter one or more CSS classes separated by spaces. This sets the class attribute, but the appearance of links is typically already defined by the CSS of your site.
   • In the Linked Resource Charset box, enter the character set of the linked resource. This sets the charset attribute.
   • In the Relationship box, enter the relationship between the current content and the link target. This sets the rel attribute.
   • In the Style box, enter inline styles for the link. Each value must end with a semicolon and individual properties should be separated with spaces. Although inline styles can be set, we recommend that most or all of your styles be set in the CSS for your site.
2. If all other link properties have been set, click OK.

To edit link properties after a link is created

1. Put your cursor on the link.
2. Do one of the following:
   • Click the link button  .
   • Right-click and select Edit Link.

To remove a link after it is created

1. Put your cursor on the link.
2. Do one of the following:
   • Click the unlink button  .
   • Right-click and select Unlink.

Create a taxonomy link

A taxonomy link is used in conjunction with other components that allow you to create a taxonomy category set, assign taxonomy categories to content, and load content tagged with specific taxonomy categories on a page.  

A taxonomy link is typically used to link the summary of a piece of content to the full piece of content. The summary would be listed on a page using the Taxonomy Loader content template and the link would point to the taxonomy detail page where the full content would be presented.

Since the behavior of the taxonomy link is controlled by these other elements, you only have to apply the link to the appropriate text or image in the rich text editor. There are no properties to be set for the taxonomy link itself.

To create a taxonomy link

1. Highlight the text or select the image in the rich text editor that you want to add a link to.
2. Click the taxonomy link button.

Undo or redo an action

The rich text editor includes a safe way to undo an action or redo an action after using the undo option. An action is anything that adds, deletes, or modifies content in some way, such as inserting an image, deleting a portion of content, or removing a link from a piece of text. The undo option is most often required if you have accidentally deleted some of your content.  

To undo the most recent action

• Click the undo button .

To redo the action that was eliminated using the undo button

• Click the redo button .

Enable spell check

The rich text editor includes integrated spell checking. Spell check as you type (SCAYT) marks all errors directly in the editor with a red wavy underline. The spell checker works with a variety of languages.

By default, SCAYT is disabled. Once you enable it, there are many options that can be set.

To enable and configure SCAYT

1. On the rich text editor toolbar, click the SCAYT button , and then click Enable SCAYT.
2. To configure SCAYT options, do one or more of the following:
   1. Click the SCAYT button, and then click Options (if the Spell Check As You Type dialog is already open, click the Options section). Click to select one or more of the following check boxes if you want the spell checker to ignore words with specific characteristics. You can set the spell checker to ignore words that are all uppercase, domain names, mixed case words, or words with numbers.
   2. Click the SCAYT button, and then click Languages (if the Spell Check As You Type dialog is already open, click the Languages section). Click to select the language of the content you are creating.
   3. Click the SCAYT button, and then click Dictionaries (if the Spell Check As You Type dialog is already open, click the Dictionaries section). A user dictionary allows you to add custom words that will be ignored by the spell checker. You can add a word to a dictionary after you type it in the rich text editor and the spell checker marks it as an error. Initially, the user dictionary is stored in a cookie, which is unique to each browser. However, if the dictionary becomes large enough that it cannot be stored in a cookie, you can store your dictionary on the WebSpellChecker.net server. To do this, your dictionary requires a name. Enter a name in the Dictionary name box, and then click Create. To restore a dictionary from the server, enter the name in the Dictionary name box, and then click Restore.
3. In the Spell Check As You Type dialog, click OK.

To use SCAYT, begin typing content into the rich text editor. When the spell checker detects an error, it underlines that word with a red wavy line.

The spell checker recognized two errors in the above text. One error is “spellingerrors,” which is missing a space between two separate words. This needs to be corrected.

Right-click on the underlined word to open the context menu.

In this case, the correct spelling is the first option shown in the list. Click on the correct spelling suggestion to select it. If the correct spelling is not shown, you can point to More suggestions for additional options.

Another word might be marked by the spell checker as wrong when in fact it is correct. You can tell the spell checker to either ignore the word or add it to your dictionary.

Right-click on the underlined word to open the context menu.

In this case, you could choose one of the following options to have the spell checker recognize the word as a valid word:

• Choose Ignore to have the spell checker ignore this instance of the word.
• Choose Ignore All to have the spell checker ignore all instances of the word in this piece of content.
• Choose Add Word to add the word to your dictionary to have the spell checker ignore all instances of the word across all content created with the rich text editor.

After words are corrected, ignored, or added to your dictionary, they will no longer be underlined in the rich text editor.

Show blocks

In the rich text editor, a block element is one that can contain other block and inline elements. Examples of block elements are paragraphs, headings, tables, lists, and block quotes. Some formatting options in the rich text editor are always applied to the entire block. For example, if you select a paragraph format or a block style, or create a list or block quote, consistent formatting is applied to the entire block, even if only one word in a paragraph is selected.

Within blocks, you can also have inline formatting, which applies formatting to only the selected text. Bold, italic, underlined, and highlighted text are some inline formatting options.

The ability to show blocks is useful if you are not familiar with HTML and its structure. This gives you the ability to know exactly when a formatting choice is applied to an entire block or an inline element. Each block is marked with its HTML tag.

To show blocks

• Click the show blocks button .

View and edit the source code

The rich text editor allows you to format text in many different ways without having knowledge of HTML. However, if you are familiar with HTML and want to modify the code directly, you can do this from the rich text editor. When you are in the HTML editor, the rich text editing options are not available.

To switch between the rich text editor and the HTML editor, click the Source button on the rich text editor toolbar. You can do this whether the content item is unpublished or published; however, if the content is published, you can’t make any edits.