Back to Devexpress

DxHtmlEditorVariables.Data Property

blazor-devexpress-dot-blazor-dot-dxhtmleditorvariables.md

latest1.9 KB
Original Source

DxHtmlEditorVariables.Data Property

Specifies an array of variables.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public IEnumerable<string> Data { get; set; }

Property Value

TypeDescription
IEnumerable<String>

An array of variables.

|

Remarks

Add a DxHtmlEditorVariables object to component markup and use the Data property to store variables.

Example

The following code snippet implements placeholder variables and adds the Variable command to the built-it toolbar:

razor
@using DevExpress.Blazor.Office

<DxHtmlEditor Height="200px"
              CustomizeToolbar="@OnCustomizeToolbar">
    <DxHtmlEditorVariables Data=@Variables
                           EscapeCharacters="@escapeChar" />
</DxHtmlEditor>

@code {
    string[] Variables = new string[] { "FirstName", "LastName" };
    // Declare one string
    string escapeChar = "$";
    // Declare an array of strings
    string[] escapeChar = new string[] { "$", "$" };

    void OnCustomizeToolbar(IToolbar toolbar) {
        toolbar.Groups.Add(HtmlEditorToolbarGroupNames.Variable);
    }
}

See Also

DxHtmlEditorVariables Class

DxHtmlEditorVariables Members

DevExpress.Blazor Namespace