ASPxClientCommandConsts.EXPANDTAG_COMMAND Property

Identifies a command that expands the selected HTML tag.

Declaration

static EXPANDTAG_COMMAND: string

Property Value

Type	Description
string	Value: “expandtag”

Remarks

The EXPANDTAG_COMMAND property can be used in the following ways.

• In the ASPxClientHtmlEditor.CommandExecuted event — to determine the action performed by an end-user. If the ASPxClientHtmlEditorCommandEventArgs.commandName event parameter returns the EXPANDTAG_COMMAND property value, this means that either the expand button or the Expand Tag context menu option has been clicked by an end-user.
• In the ASPxClientHtmlEditor.ExecuteCommand method — to execute the command manually.

Note

This command is available only in the HTML View when it operates in Advanced mode (the HtmlEditorHtmlViewSettings.Mode property value is set to HtmlEditorHtmlEditingMode.Advanced).

The following example illustrates how to use the EXPANDTAG_COMMAND property.

ASPX

<dx:ASPxRibbon runat="server" ID="ASPxHtmlEditor2_Ribbon" ShowFileTab="false" Width="600px">
    <ClientSideEvents CommandExecuted="onRibbonCommandExecuted" />
    <Tabs>
        <dx:RibbonTab Text="Edit">
            <Groups>
                <dx:RibbonGroup Text="Comment">
                    <Items>
                        <dx:RibbonButtonItem Text="Comment" Name="comment">
                            <SmallImage IconID="comments_editcomment_16x16">
                            </SmallImage>
                        </dx:RibbonButtonItem>
                        <dx:RibbonButtonItem Text="Uncomment" Name="uncomment">
                            <SmallImage IconID="comments_deletecomment_16x16">
                            </SmallImage>
                        </dx:RibbonButtonItem>
                    </Items>
                </dx:RibbonGroup>
                <dx:RibbonGroup Text="View">
                    <Items>
                        <dx:RibbonButtonItem Text="Collapse" Name="collapsetag">
                            <SmallImage IconID="arrows_next_16x16">
                            </SmallImage>
                        </dx:RibbonButtonItem>
                        <dx:RibbonButtonItem Text="Expand" Name="expandtag">
                            <SmallImage IconID="arrows_prev_16x16">
                            </SmallImage>
                        </dx:RibbonButtonItem>
                    </Items>
                </dx:RibbonGroup>
                <dx:RibbonGroup Text="Misc">
                    <Items>
                        <dx:RibbonButtonItem Text="Format Document" Name="formatdocument">
                            <SmallImage IconID="actions_reading_16x16">
                            </SmallImage>
                        </dx:RibbonButtonItem>
                        <dx:RibbonButtonItem Text="Show Intellisense" Name="showintellisense">
                            <SmallImage IconID="actions_show_16x16">
                            </SmallImage>
                        </dx:RibbonButtonItem>
                    </Items>
                </dx:RibbonGroup>
            </Groups>
        </dx:RibbonTab>
    </Tabs>
</dx:ASPxRibbon>
<dx:ASPxHtmlEditor runat="server" ID="ASPxHtmlEditor2" ToolbarMode="None" ActiveView="Html">
    <Settings AllowDesignView="false" AllowPreview="false">
        <SettingsHtmlView EnableAutoCompletion="true" />
    </Settings>
</dx:ASPxHtmlEditor>

JS

<script>
function onRibbonCommandExecuted(s, e) {
    ASPxHtmlEditor2.ExecuteCommand(e.item.name); 
}
</script>