Formatting Text Using Style Templates

Always use predefined formats to give the website a consistent look and feel, as well as for accessibility and search optimization reasons. This means that when you format a text with ”Heading 2”, these headings will have a uniform appearance all over the site.

You can find the available formats in the drop-down lists in the lower rows of buttons in the Editor. Select the object to be formatted, then select the format you want in the drop-down lists. Available formats are linked to the style of the site through the CSS files for the website.

Use the options in the Styles drop-down list to set the style of the content on your website (headings, body text, and more). This way the correct HTML tags will be applied to your content, which is an advantage both from an search optimization and accessibility perspective.

This list can be extended to also contain different classes (predefined formatting). You can for instance apply a specific introduction formatting to a text, apply a special table layout or position an image in the top right corner with the text floating around it. This is all done by applying CSS classes that are predefined for your website. When the CSS classes have been defined they will be available in the Styles drop-down list.

It is possible to change and add formatting styles on your website and make them available in the Editor. Check with your system administrator to find out more about the styles that are available for your website.

You can emphasize single words in the text by using the toolbar buttons to create text in bold, underlined or italic.

Inserting Paragraph Break and Line Break

The Editor is like any other word processing program. You write the text, and the text wraps around when the line reaches the end. You have the following options:

• Paragraph break. Press ENTER in the Editor and you will get a paragraph break, which often provides extra space between the paragraphs (depending on how it is defined in the CSS file). A paragraph break will generate a </p> tag in the HTML code on your web page.
• Line break. Press SHIFT+ENTER in the Editor and you will get a line break, which provides none extra space between the lines. A line break will generate a </br> tag in the HTML code on your web page.

Using Shortcut Keys in the Editor

To make your work easier, the following shortcut keys on the keyboard carry out certain commands:

Depending on specific plug-in customizations to the Editor in your implementation, and also on the browser you are using, certain shortcuts may not work properly in this context.

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