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 |
---|---|
Render |
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.