New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Empty Link error for Editor tools when validated with Wave

Environment

Product Version 2019.3.917+
Product RadEditor for ASP.NET AJAX

Description

By default, the tools in the Lightweight RenderMode are rendered as tags with no text but with font-icons or images.

<telerik:RadEditor RenderMode="Lightweight" EnableAriaSupport="true"
    runat="server" ID="RadEditor1" AccessKey="1" >
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="Bold"  />
            <telerik:EditorTool Name="Italic"  />
            <telerik:EditorTool Name="CustomTool" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

Solutions

Solution 1: Set the ShowText property of the tools to True

<telerik:RadEditor  RenderMode="Lightweight" EnableAriaSupport="true"
    runat="server" ID="RadEditor1" AccessKey="1" >
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="Bold" ShowText="true" />
            <telerik:EditorTool Name="Italic" ShowText="true" />
            <telerik:EditorTool Name="CustomTool" ShowText="true" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

This solution will show the name of the Tools:

In order to persist the previous appearance, you can use the second solution:

Solution 2: To Use the OnClientLoad event to add the title of the tool as a text of the element:

<script>
    function OnClientLoad(sender, args) {
        $telerik.$(sender.get_element()).find(".reToolBarWrapper a.reTool").each(function (ind, item) {
            if (!item.text) {
                $telerik.$(item).append("<span style='display:none'>" + item.title + " </span>");
            }
        })
    }
</script>
<telerik:RadEditor OnClientLoad="OnClientLoad" RenderMode="Lightweight" EnableAriaSupport="true"
    runat="server" ID="RadEditor1" AccessKey="1" >
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="Bold" />
            <telerik:EditorTool Name="Italic"  />
            <telerik:EditorTool Name="CustomTool"  />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>
In this article