TranslateAIToolbarItem.Languages Property

Specifies a list of languages available for translation.

Namespace: DevExpress.AIIntegration.Blazor.HtmlEditor

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

NuGet Package: DevExpress.AIIntegration.Blazor.HtmlEditor

Declaration

[Parameter]
public object Languages { get; set; }

Property Value

Type	Description
Object	An object that contains a list of languages.

Remarks

Use the Languages property to specify a list of languages displayed in the Translate toolbar item.

@using DevExpress.AIIntegration.Blazor.HtmlEditor
@using DevExpress.Blazor.HtmlEditor

<DxHtmlEditor>
    <AdditionalItems>
        <SummarizeAIToolbarItem />
        <ExpandAIToolbarItem />
        <ProofreadAIToolbarItem/>
        <ExpandAIToolbarItem />
        <ShortenAIToolbarItem />
        <AskAssistantAIToolbarItem />
        <ChangeStyleAIToolbarItem />
        <ChangeToneAIToolbarItem />
        <TranslateAIToolbarItem Languages="@("English, German, French, Chinese")" />
    </AdditionalItems>
</DxHtmlEditor>

The Languages property accepts data in the following formats:

String

string languages = "English, German, French, Chinese";

Array of strings

string[] languages = new string[4] { "English", "German", "French", "Chinese" };

Array of anonymous objects

object[] languages = new object[] {
    new { id = "eng", text = "English" },
    new { id = "de", text = "German" },
    new { id = "fr", text = "French" },
    new { id = "zh", text = "Chinese" }
};

Array of objects

public class Language {
    public string Id { get; set; }
    public string Text { get; set; }
    public Language(string id, string text) {
        Id = id;
        Text = text;
    }
}    
Language[] languages = {
    new Language("eng","English"),
    new Language("de", "German"),
    new Language("fr", "French"),
    new Language("zh", "Chinese")
};

If you assign an array of typed or anonymous objects to the Languages property, use ValueFieldName and TextFieldName properties to specify fields that contain language key values and display texts.

<DxHtmlEditor>
    <AdditionalItems>
        ...
        <TranslateAIToolbarItem Languages="@languages" ValueFieldName="id" TextFieldName="text" />
    </AdditionalItems>
</DxHtmlEditor>

@code {
    object[] languages = new object[] {
        new { id = "English", text = "English" },
        new { id = "German", text = "Deutsch" },
        new { id = "Chinese", text = "中國人" },
        new { id = "Greek", text = "Ελληνικά" }
    };
}