Skip to main content
All docs
V25.1
  • DxHtmlEditor.AdditionalItems Property

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

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.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; }
    }
    

    AI-powered Extension for HtmlEditor

    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

    See Also