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

C#
VB.NET

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.

ASPX

[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;
}

Example

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

Note

A complete sample project is available at https://github.com/DevExpress-Examples/aspxhtmleditor-how-to-customize-appearance-of-placeholders-by-using-css-styles-t428160

<%@ 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>

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
            ASPxHtmlEditor1.Html = File.ReadAllText(Server.MapPath("~/Content.html"));
    }
}

.dxhePlaceholder {
    background-color: yellow;
}
.dxhePlaceholder:hover {
    background-color: orange;
}
.dxhePlaceholder.dxheSelected {
    background-color: red !important;
    color: white !important;
}

<%@ Page Language="vb" AutoEventWireup="true" CodeFile="Default.aspx.vb" 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>

.dxhePlaceholder {
    background-color: yellow;
}
.dxhePlaceholder:hover {
    background-color: orange;
}
.dxhePlaceholder.dxheSelected {
    background-color: red !important;
    color: white !important;
}

Imports System
Imports System.Collections.Generic
Imports System.IO
Imports System.Linq
Imports System.Web
Imports System.Web.UI
Imports System.Web.UI.WebControls

Partial Public Class _Default
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
        If Not IsPostBack Then
            ASPxHtmlEditor1.Html = File.ReadAllText(Server.MapPath("~/Content.html"))
        End If
    End Sub
End Class

Controls

Tools

Controls and Extensions

Tools

Maintenance Mode

Controls

Tools

Controls and Extensions

Tools

Maintenance Mode

ASPxHtmlEditor.CssFiles Property

Declaration

Property Value

Remarks

Example