Remove the entire anchor tag with the text by overriding the Unlink command of RadEditor

Environment

Product

RadEditor for ASP.NET AJAX

Description

See how to override the default Unlink command of RadEditor in order to remove the whole link/anchor and its text. The default behavior of the Unlink command is to remove only the <a> tag and to keep the text inside it.

Solution

You can delete the whole anchor along with the text inside it using the following Unlink command override:

ASP.NET

<script>
    function OnClientCommandExecuting(editor, args) {
        var commandName = args.get_commandName();
                    
        if (commandName == "Unlink") {
            editor.selectElement(editor.getSelectedElement())
            editor.get_document().execCommand('delete');
        }

        args.set_cancel(true);
    }
</script>
<telerik:RadEditor runat="server" ID="RadEditor1" OnClientCommandExecuting="OnClientCommandExecuting">
    <Content>  
        <style>
            a {
                background-image: url(images/Icon2.png) !important;
                background-repeat: no-repeat !important;
            }
        </style>
        Some text and an <a id="id1" name="id2" alt="test">Anchor</a> in the content area.
    </Content>
    <ContextMenus>
        <telerik:EditorContextMenu TagName="A">
            <telerik:EditorTool Name="SetLinkProperties" ShowText="true" />
            <telerik:EditorTool Name="Unlink" ShowText="true" />
        </telerik:EditorContextMenu>
    </ContextMenus>
</telerik:RadEditor>