The "Format" area of the toolbar contains two buttons used for bold and italic text formatting.

When generating XHTML code, the system will use "b" and "i" tags for bold and italic elements. This behavior is dictated by the following templates:

• /design/standard/templates/content/datatype/view/ezxmltags/strong.tpl
• /design/standard/templates/content/datatype/view/ezxmltags/emphasize.tpl

Bold and italic text

The "Bold" button will make the selected text bold. If the selected text is already bold, this button will do the opposite and thus the bold formatting will be removed.

The "Bold" button

The "Italic" button will make the selected text italic. If the selected text is already italic, this button will do the opposite and thus the italic formatting will be removed.

The "Italic" button

It is possible to set the text style (bold/italic) before typing in the actual text that should be bold and/or italic.

Please note that if no text is selected, the "Bold" and the "Italic" buttons will change the word where the cursor is currently positioned. However, this feature is only available in Internet Explorer. In addition, Internet Explorer passes the formatting settings to the next line/paragraph. For example, if you are writing bold text and then press the "Enter" key, the new paragraph that is started will be bold.

Example of usage

The following example demonstrates how you can use the "Bold" and the "Italic" buttons.

1. Select some text inside a paragraph and click the "Bold" button.

   

   Online Editor: make the selected text bold.

   
   The selected text fragment will become bold.

2. Select another part of the text and click the "Italic" button.

   

   Online Editor: make the selected text italic.

   
   The selected text fragment will become italic.

3. Put the cursor inside a bold text. The "Bold" button will change its appearance indicating that the text at the current position is bold. The "p" and "b" tags will appear in the status bar. If you put the cursor inside an italic text, the "Italic" button will indicate that the text at the current position is italic. The "p" and "i" tags will appear on the status bar.

   

   Online Editor: put the cursor inside a bold text.

4. Select a piece of the bold text and click the "Italic" button.
   

   

   Online Editor: make the selected text bold and italic.

   
   The selected text will become both bold and italic.
5. Create a new text paragraph starting with a bold sentence. Press the "Enter" key to create a new empty paragraph and then click the "Bold" button. The "Bold" button will change its appearance because the bold formatting is currently switched on.
   

   

   Online Editor: create a new text paragraph.

6. Type in a sentence and click the "Bold" button once again to switch the bold formatting off. Now you can continue typing in non-formatted text.

   

   Online Editor: start a new text paragraph with a bold sentence.

Classified headings

To set a "class" parameter for bold/italic text, right click somewhere inside the text and select the "Properties" item from the context menu. A modal dialog will appear. Select the desired class from the dropdown list and click the "OK" button.

Please note that the "Properties" item will not be available if you select some text and then right click.