HtmlEditorToolbarGroupNames.Font Property

Gets the name of the Font group.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public static string Font { get; }

Property Value

Type	Description
String	The “Font” string.

Remarks

The Font group in the HtmlEditor‘s toolbar includes the following items:

Font Name

The combo box allows users to change the font name.

Font Size

The combo box allows users to change the font size.

Font Bold

The checkable button allows users to make the selected text bold.

Font Italic

The checkable button allows users to italicize the selected text.

Font Strikethrough

The checkable button allows users to cross out the selected text.

Font Underline

The checkable button allows users to underline the selected text.

Font Color

The color editor allows users to change the font color.

Highlight Text

The color editor allows users to highlight the selected text.

Clear Formatting

The button allows users to clear the formatting of the selected text.

Font Subcsript

The checkable button allows users to format the selected text as subscript.

Font Superscript

The checkable button allows users to format the selected text as superscript.

Use the Font property to perform the following operations:

• Access Font group properties.
• Add/remove the group to/from the toolbar.

The following code snippet removes all items from the toolbar’s Font group:

<DxHtmlEditor Width="100%"
              Height="200px"
              CustomizeToolbar="@OnCustomizeToolbar"/>

@code {
    void OnCustomizeToolbar(IToolbar toolbar) {
        IBarGroup fontGroup = toolbar.Groups[HtmlEditorToolbarGroupNames.Font];
        fontGroup.Items.Clear();
    }
}