21.6 Web

The Web preference lets you specify how Designer should handle the editing and creations of CSS and HTML files.

21.6.1 CSS Files

The CSS Files preferences allow you to specify how Eclipse displays and manages CSS files. This is an Eclipse option; for more details, see the Eclipse documentation.

Table 21-54 Preferences: Web > CSS Files > Editor

Setting

Description

Formatting: Line width

Specifies the number of characters in a line.

Formatting: Insert line break between properties

Specifies whether the editor should insert a line between the CSS properties.

Formatting: Disable wrapping in style attribute of HTML

Specifies whether the HTML editor (used in the e-mail notification template editor) should allow wrapping of the value of a style attribute.

Formatting: Indent using tabs > or spaces

Formatting: Indentation size

Specifies how the first line of text indents.

Specifies the size of the indent.

Formatting: Capitalization style

Specifies the default case for identifiers, property names, and property values.

Syntax Coloring

Table 21-55 Preferences: Web > CSS Files > Editor > Syntax Coloring Settings

Setting

Description

Syntax Element

Choose the content type for which you want to define a style.

Foreground/Background/Bold/Italic/Strikethrough/Underline

Specifies the syntax highlighting and formatting for individual CSS elements.

Sample Text

Displays sample CSS with the selected syntax coloring options.

Template

Eclipse allows you to use a template file for the initial content of your cascading style sheets (CSS). The CS files are used to format the content in the Eclipse program. You can either create a new CSS file or import and existing CSS file through this page to use as a template. For more information, see the Eclipse documentation.

21.6.2 HTML Files

The HTML Files preferences allow you to specify how Designer displays and manages HTML files and content. This is an Eclipse option; for more details, see the Eclipse documentation.

Table 21-56 Preferences: Web > HTML Files

Preference

Description

Creating or saving files: Line Delimiter

Choices are:

  • Windows

  • Unix

  • Mac

  • No translation

Creating files: Add this suffix

Specifies the file suffix the editor should add when creating a new file. The default is html.

Creating files: Encoding

Specifies the editor’s encoding for new files.

Loading files

Choose the encoding for files opened in the editor. Click Use workbench encoding to accept the default UTF-8, or select one from the list.

Editor

Table 21-57 Preferences: Web > HTML Files > Editor

Setting

Description

Formatting: Line Width

Specifies the number of characters for each line.

Formatting: Split multiple attributes each on a new line

Specifies what the editor should do with multiple attributes.

Formatting: Align final bracket in multi-line element tags

Specifies what the editor should do with final brackets

Formatting: Clear all blank lines

Specifies what the editor should do with blank lines

Formatting: Indent using tabs or spaces

Indentation size

Specifies whether the indent should be using tabs or spaces, and also specifies the indentation size.

Content assist: Automatically make suggestions

Specifies whether to do automatic code completion.

Content assist: Prompt when these characters are inserted

Specifies the characters that initiate the content assist.

Preferred markup: Tag Names/Attribute Names

Specifies if the editor’s suggestions should be in uppercase or lowercase.

HTML Styles

Table 21-58 Preferences: Web > HTML Files > Syntax Coloring

Setting

Description

Syntax Element

Choose the content type for which you want to define a style.

Foreground/Background/Bold/Italic/Strikethrough/Underline

Specifies the syntax highlighting and formatting for individual CSS elements.

Sample Text

Displays sample CSS with the selected syntax coloring options.

HTML Templates

Table 21-59 Preferences: Web > HTML Files > Templates Settings

Setting

Description

Templates

The templates are used in the code completion in the source editor.

Use this preference to add, remove or edit templates.

Typing

Table 21-60 Preferences: Web > HTML Files > Typing

Settings

Descriptions

Automatically close: Comments

The HTML editor automatically closes any comments added to the HTML file.

Automatically close: End tags

The HTML editor automatically closes any end tags in the HTML file.

Automatically remove: End tags

The HTML editor automatically removes any end tags when creating empty self-closing tags.

Validation

Allows you to define how the HTML editor validates the HTML markup. You can set each validation to a warning, error, or to ignore the problem. You can set these options for the following items:

  • Elements

  • Attributes

  • Document Type

  • Comments

  • CDATA Sections

  • Processing Instructions

  • Entity References

  • Text Regions