Spell

Controls

Rate this demo

Thank you for your post!
Submit a support ticket
If you have an active license or trial, you have access to dedicated support from Telerik’s developers. Response time is 24h for active licenses and 72h for trials, Mon-Fri.
Post in the forums
If you don’t have access to support or would like to help other people by sharing your problem, reach out to our active community in the forums.

RadSpell - Telerik's ASP.NET Spell

Sample textboxes
Text 1
 
Text 2
 
Text 3
 
Set RadSpell's Properties:
Controls to check:


Button type:

SpellCheck Type
* EditDistance="1" by default

Supported Languages:


Fragment Ignore Options:

tlrk.it/1dT4S3j To test the behavior of our controls on mobile devices, scan the QR code.

tlrk.it/1dT4S3j

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.

About This Demo

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.


Get Started

  • Use Telerik’s Visual Studio Extensions (which you have installed together with the Telerik controls) to quickly create, upgrade and configure your Telerik UI projects. Save time by using the ready-to-use Visual Studio templates that cover common application scenarios.
  • Find the controls in need in your VS toolbox and use the Design-time surface and rich wizards to configure them quickly.
  • If you’d like to learn more about how to best implement the controls, browse the Telerik folder in your Start menu and use the shortcuts there to access the local demos, online documentation or open the sample examples app in Visual Studio.
  • If you like this particular Spell demo, you can use the following path to find it in the sample website application:
spell/examples/overview

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

Resources

C# VB
Show code in new window Demo isolation steps
<%@ Page CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Spell.Overview.DefaultCS"Language="c#" AutoEventWireup="true"  %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register Src="~/Spell/Examples/Overview/Info.ascx" TagName="Info" TagPrefix="qsf" %>
<!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>
    <title>Examples of spell checking in ASP.NET applications | RadSpell control</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="QsfSkinManager" runat="server" ShowChooser="true" />
    <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
     <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel" Transparency="50">
     </telerik:RadAjaxLoadingPanel>
     <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel">
          <div style="width: 460px; float: left;">
               <fieldset>
                    <legend>Sample textboxes</legend>
                    <asp:Panel runat="server" Style="margin: 5px">
                         <div>
                              Text 1</div>
                         <asp:TextBox ID="TextBox1" Style="height: 100px; width: 410px" runat="server" Rows="5"
                              Columns="50" 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" Style="height: 100px; width: 410px" runat="server" Rows="5"
                              Columns="50" 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: 410px" runat="server" rows="5"
                              cols="50">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>
               </fieldset>
          </div>
          <div style="width: 210px; margin-left: 10px; float: left;">
               <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1" Enabled="true" Title="Set RadSpell's Properties:"
                    Expanded="true" Style="text-align: left;" HorizontalAlign="Right" Width="210">
                    <span class="rfdAspLabel">
                         Controls to check:</span>
                    <asp:CheckBoxList CellPadding="0" CellSpacing="0" Width="80px" 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>
                    </asp:CheckBoxList>
                    <br />
                    <span class="rfdAspLabel">
                         Button type:</span>
                    <asp:DropDownList ID="ButtonTypeList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ButtonTypeList_SelectedIndexChanged" Width="180">
                         <asp:ListItem Text="Push Button" Selected="true" Value="PushButton"></asp:ListItem>
                         <asp:ListItem Text="Link Button" Value="LinkButton"></asp:ListItem>
                         <asp:ListItem Text="Image Button" Value="ImageButton"></asp:ListItem>
                         <asp:ListItem Text="None (Requires using client code)" Value="None" Enabled="false"></asp:ListItem>
                    </asp:DropDownList>
                    <br />
                    <br />
                    <span class="rfdAspLabel">
                         SpellCheck Type</span>
                    <asp:DropDownList ID="SpellCheckTypeList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="SpellCheckTypeList_SelectedIndexChanged" Width="180">
                         <asp:ListItem Text="PhoneticProvider" Selected="true" Value="PhoneticProvider"></asp:ListItem>
                         <asp:ListItem Text="EditDistanceProvider*" Value="EditDistanceProvider"></asp:ListItem>
                    </asp:DropDownList>
                    <br />
                    <span style="font-size: 12px; color: #626262">* EditDistance="1" by default</span><br />
                    <br />
                    <span class="rfdAspLabel">
                         Supported Languages:</span>
                    <asp:CheckBoxList CellPadding="0" Width="100px" 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>
                    </asp:CheckBoxList>
                    <br />
                    <span class="rfdAspLabel">
                         Fragment Ignore Options:</span>
                    <asp:CheckBoxList CellPadding="0" Width="140px" 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>
                    </asp:CheckBoxList>
               </qsf:ConfiguratorPanel>
          </div>
        <div style="clear:both"></div>
     </telerik:RadAjaxPanel>
     <div class="qsf-overview-qr">
        <p>
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Common/Images/QrCodesOverview/Spell.png" AlternateText="tlrk.it/1dT4S3j" />
            To test the behavior of our controls on mobile devices, scan the QR code.
        </p>
        <a href="http://tlrk.it/1dT4S3j">tlrk.it/1dT4S3j</a>
    </div>
    </form>
</body>
</html>