ChangeStyleAIToolbarItem Class

A toolbar item that rewrites text using a specified style.

Namespace : DevExpress.AIIntegration.Blazor.HtmlEditor

Assembly : DevExpress.AIIntegration.Blazor.HtmlEditor.v25.2.dll

NuGet Package : DevExpress.AIIntegration.Blazor.HtmlEditor

Declaration

csharp

public class ChangeStyleAIToolbarItem :
    BaseAIToolbarItem

Remarks

Populate the DxHtmlEditor.Extensions collection with the ChangeStyleAIToolbarItem object to add the Change Style item to the editor toolbar. This item generates alternative versions of the same content to match a specific genre or format.

Read Tutorial: Get Started with AI-powered Extension for Blazor HTML Editor

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

razor

@using DevExpress.AIIntegration.Blazor.HtmlEditor

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

Implements

IComponent

IHandleEvent

IHandleAfterRender

Inheritance

Object ComponentBase DevExpress.AIIntegration.Blazor.Internal.BasePopupItem BaseAIToolbarItem ChangeStyleAIToolbarItem