ASPxHtmlEditor.CssFiles Property

Gets a collection of items that refer to external CSS files associated with the ASPxHtmlEditor object.

Namespace: DevExpress.Web.ASPxHtmlEditor

Assembly: DevExpress.Web.ASPxHtmlEditor.v19.2.dll

Declaration

public HtmlEditorCssFileCollection CssFiles { get; }
Public ReadOnly Property CssFiles As HtmlEditorCssFileCollection

Property Value

Type Description
HtmlEditorCssFileCollection

An HtmlEditorCssFileCollection object that represents the collection of items identifying the external CSS files.

Remarks

The CssFiles property allows you to specify your custom CSS files to apply to the editor.

The code sample below demonstrates how to add a CSS file to the collection.

protected void Page_Load(object sender, EventArgs e) {
    HtmlEditorCssFile cssFile = new HtmlEditorCssFile("~/CSSFiles/Styles.css");
    ASPxHtmlEditor1.CssFiles.Add(cssFile);
}

The code sample below demonstrates how you can specify CSS rules for the body tag to define the standard text style within the ASPxHtmlEditor.

[CSS] 

body.dxhedesignviewarea, /* or body.dxhedesignviewarea_{theme postfix} if you are using ASPxHtmlEditor has the non-default theme */
body {
  font-family: Tahoma;
  font-size: 12pt;
}

Examples

This example illustrates how to customize the ASPxHtmlEditor's placeholders by using CSS styles.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register assembly="DevExpress.Web.ASPxHtmlEditor.v16.1, Version=16.1.6.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxHtmlEditor" tagprefix="dx" %>
<%@ Register assembly="DevExpress.Web.v16.1, Version=16.1.6.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web" tagprefix="dx" %>
<%@ Register assembly="DevExpress.Web.ASPxSpellChecker.v16.1, Version=16.1.6.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxSpellChecker" tagprefix="dx" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
            <dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server">
                <SettingsPlaceholders StartMark="[%" EndMark="%]" />
                <CssFiles>
                    <dx:HtmlEditorCssFile FilePath="~/ContentStyles.css" />
                </CssFiles>
                <Placeholders>
                    <dx:HtmlEditorPlaceholderItem Value="FirstName" />
                    <dx:HtmlEditorPlaceholderItem Value="Date" />
                </Placeholders>
            </dx:ASPxHtmlEditor>
    </div>
    </form>
</body>
</html>
See Also