DxHtmlEditor.Extensions Property

Allows you to add custom items to the editor’s toolbar.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public RenderFragment Extensions { get; set; }

Property Value

Type	Description
RenderFragment

A collection of items (UI fragment).

Remarks

You can use the Extensions property to add AI-powered items to the editor’s toolbar.

razor

@using DevExpress.AIIntegration.Blazor.HtmlEditor

<DxHtmlEditor @bind-Markup="Value" BindMarkupMode="HtmlEditorBindMarkupMode.OnLostFocus">
    <Extensions>
        <SummarizeAIToolbarItem />
        <ExplainAIToolbarItem />
        <ProofreadAIToolbarItem />
        <ExpandAIToolbarItem />
        <ShortenAIToolbarItem />
        <AskAssistantAIToolbarItem />
        <ChangeStyleAIToolbarItem />
        <ChangeToneAIToolbarItem />
        <TranslateAIToolbarItem Languages="@("English, German, French, Chinese")" />
    </Extensions>
</DxHtmlEditor>

@code {
    public string Value { get; set; }
}

To learn more, see the following section: AI-powered Document Editing for Blazor HTML Editor.

Run Demo: AI-powered Extensions - HTML Editor View Example: Rich Text Editor and HTML Editor for Blazor - How to integrate AI-powered extensions