Custom CSS

The ASPxHtmlEditor control provides the Custom Css feature, that enables your custom formatting, defined by custom css classes, to be exposed to end-users and applied to the content selected within the editor. Using the Custom Css feature, content logical elements (such as titles, headers, text blocks, etc) can be formatted using individual formatting styles, which are defined by names of the associated css class and HTML tag.

In order to specify css files that contain definitions of custom css classes, the CssFiles property of the ASPxHtmlEditor can be used. A standard toolbar's "Apply Css" dropdown editor (which is of the ToolbarCustomCssEdit type) enables you to list available custom css styles and make them available to end-users. The editor's items can be manipulated via the editor's Items property. The display text of an editor item can be defined using the item's Text property. An item's CssClass and TagName properties are used to associate the item with the corresponding css class name, which defines a specific formatting, and specify the name of a tag to wrap the text content to which the associated style will be applied.

In this demo, custom styles are defined for the content text elements such as the article title, headers, the main content text and image titles. To apply any of the predefined styles to the text selected within the Design View, choose the desired style item within the "Apply Css" bar item.