RadSpell - Telerik ASP.NET Spell

Text 1
 
Text 2
 
Text 3
 

Demo Configurator

Controls to check

Button Type / Spellcheck Type
  • Push Button
  • PhoneticProvider
    * EditDistance="1" by default
Supported Languages

Fragment Ignore Options

Isolate this demo as a stand-alone application
RadSpell enables developers to add multilingual spellchecking capabilities to their ASP.NET applications. The component is completely customizable and can be attached to any server/client editable element (textbox, div, iframe). It currently supports 20 languages with custom dictionaries for every language.

About RadSpell for ASP.NET AJAX

How often do you spellcheck your content before you paste it in the web Editor? Well, with Telerik ASP.NET AJAX Spell control you can simplify this process and spellcheck any multilingual texts while typing in a web environment. Besides being integrated into the industry leading RadEditor, RadSpell is available as a standalone control. Completely customizable, it can be easily attached to any server/client editable element.

RadSpell and 80+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • No-postback algorithm for superior performance
  • Options: check all caps, check words with numbers, etc.
  • Custom dictionary for every language
  • Support for subject-specific dictionaries (i.e. medical)
  • Optional phonetic algorithm
  • Ignoring inline scripts and style definitions
  • Ignoring text fragments
  • Ability to check multiple controls at once

More about RadSocialShare for ASP.NET AJAX

<%@ Page CodeFile="DefaultVB.aspx.vb" Inherits="Telerik.Web.Examples.Spell.Overview.DefaultVB"Language="vb" AutoEventWireup="true"  %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="Styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadAjaxManager runat="server" ID="theAjaxManager">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="demoConfigurator">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadSpell1" LoadingPanelID="RadAjaxLoadingPanel" />
                    <telerik:AjaxUpdatedControl ControlID="demoConfigurator" LoadingPanelID="RadAjaxLoadingPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel" Transparency="50">
    </telerik:RadAjaxLoadingPanel>
    <div class="demo-container size-narrow">
        <asp:Panel ID="Panel1" runat="server" Style="margin: 5px">
            <div>
                Text 1
            </div>
            <asp:TextBox ID="TextBox1" Width="100%" Height="100px" runat="server" TextMode="MultiLine">RadSpell enablez developerz to add multilngual spellchecking capabilties to their ASP.NET applications.</asp:TextBox>
            <div>
                &nbsp;
            </div>
            <div>
                Text 2
            </div>
            <asp:TextBox ID="TextBox2" Width="100%" Height="100px" runat="server" TextMode="MultiLine">The componen is completely customisable and can be attached to any server/client editable elemen (textbox, div, iframe).</asp:TextBox>
            <div>
                &nbsp;
            </div>
            <div>
                Text 3
            </div>
            <textarea id="TextArea1" style="height: 100px; width: 100%" runat="server">It currently supportz 20 languages with custom dictionaries for evry language.</textarea>
            <div>
                &nbsp;
            </div>
        </asp:Panel>
        <telerik:RadSpell ID="RadSpell1" runat="server"></telerik:RadSpell>
    </div>

    <qsf:ConfiguratorPanel ID="demoConfigurator" runat="server">
        <Views>
            <qsf:View>
                <qsf:ConfiguratorColumn ID="ConfiguratorColumn1" runat="server" Size="Narrow" Title="Controls to check">
                    <qsf:CheckBoxList CellPadding="0" CellSpacing="0" ID="ControlsToCheckList"
                        runat="server" AutoPostBack="True" OnSelectedIndexChanged="ControlsToCheckList_SelectedIndexChanged">
                        <asp:ListItem Text="Text 1" Value="TextBox1" Selected="True"></asp:ListItem>
                        <asp:ListItem Text="Text 2" Value="TextBox2" Selected="True"></asp:ListItem>
                        <asp:ListItem Text="Text 3" Value="TextArea1" Selected="True"></asp:ListItem>
                    </qsf:CheckBoxList>
                </qsf:ConfiguratorColumn>

                <qsf:ConfiguratorColumn ID="ConfiguratorColumn2" runat="server" Size="Narrow" Title="Button Type / Spellcheck Type">
                    <ul class="fb-group">
                        <li>
                            <qsf:DropDownList ID="ButtonTypeList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ButtonTypeList_SelectedIndexChanged" Size="Wide">
                                <Items>
                                    <telerik:DropDownListItem Text="Push Button" Selected="true" Value="PushButton"></telerik:DropDownListItem>
                                    <telerik:DropDownListItem Text="Link Button" Value="LinkButton"></telerik:DropDownListItem>
                                    <telerik:DropDownListItem Text="Image Button" Value="ImageButton"></telerik:DropDownListItem>
                                    <telerik:DropDownListItem Text="None (Requires using client code)" Value="None" Enabled="false"></telerik:DropDownListItem>
                                </Items>
                            </qsf:DropDownList>
                        </li>
                        <li>
                            <qsf:DropDownList ID="SpellCheckTypeList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="SpellCheckTypeList_SelectedIndexChanged" Size="Wide">
                                <Items>
                                    <telerik:DropDownListItem Text="PhoneticProvider" Selected="true" Value="PhoneticProvider"></telerik:DropDownListItem>
                                    <telerik:DropDownListItem Text="EditDistanceProvider*" Value="EditDistanceProvider"></telerik:DropDownListItem>
                                </Items>
                            </qsf:DropDownList>
                            <span style="font-size: 12px; color: #626262">* EditDistance="1" by default</span><br />
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>

                <qsf:ConfiguratorColumn ID="ConfiguratorColumn3" runat="server" Size="Narrow" Title="Supported Languages">
                    <qsf:CheckBoxList CellPadding="0" CellSpacing="0" ID="LanguageList"
                        runat="server" AutoPostBack="True" OnSelectedIndexChanged="LanguageList_SelectedIndexChanged">
                        <asp:ListItem Text="English" Value="en-us" Selected="true"></asp:ListItem>
                        <asp:ListItem Text="French" Value="fr-fr"></asp:ListItem>
                        <asp:ListItem Text="German" Value="de-de"></asp:ListItem>
                    </qsf:CheckBoxList>
                </qsf:ConfiguratorColumn>

                <qsf:ConfiguratorColumn ID="ConfiguratorColumn4" runat="server" Size="Narrow" Title="Fragment Ignore Options">
                    <qsf:CheckBoxList CellPadding="0" CellSpacing="0" ID="FragmentsList"
                        runat="server" AutoPostBack="True" OnSelectedIndexChanged="FragmentsList_SelectedIndexChanged">
                        <asp:ListItem Text="Email Addresses" Value="EmailAddresses" Selected="true"></asp:ListItem>
                        <asp:ListItem Text="File Names" Value="FileNames" Selected="true"></asp:ListItem>
                        <asp:ListItem Text="Urls" Value="Urls" Selected="true"></asp:ListItem>
                    </qsf:CheckBoxList>
                </qsf:ConfiguratorColumn>
            </qsf:View>
        </Views>
    </qsf:ConfiguratorPanel>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?