DxHtmlEditor.AdditionalItems Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
RenderFragment	A collection of items (UI fragment).

Remarks

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

@using DevExpress.AIIntegration.Blazor.HtmlEditor

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

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

To learn more, see the following section: AI-powered Extension 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