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

    Spell Check

    • Demo Configurator

    Dictionary Mode

    To enable spell checking in your web application you need to accomplish the following three tasks:

    1. Copy the needed dictionary files in your project's App_Data folder:
      The files are located in your <Telerik UI for ASP.NET AJAX installation folder>\App_Data\RadSpell. Create a RadSpell folder in your project's App_Data folder and copy the dictionaries there.
    2. Add the SpellCheck handler in your web.config file. This can be done by using one of the following approaches:
      1. Manually add the handler in your web.config file (in the httpHandlers section):
        <addverb="*"validate="false"path="Telerik.Web.UI.SpellCheckHandler.axd"type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI"/>
      2. Use the RadEditor's Smart Tag in Visual Studio. Note that the smart tag will appear only if you have the Telerik.Web.Design.dll file in your project's bin folder or in the GAC.
    3. Set the Language property of the RadEditor (by default it is set to "en-US"). If you want to change the language, you can do this by
      1. declaring the property in the RadEditor's declaration:
        <telerik:RadEditor runat="server" ID="RadEditor1">
        <Languages>
        <telerik:SpellCheckerLanguage Code="fr-FR" Title="French"/>
        </
        Languages>
        </telerik:RadEditor>
      2. adding the language in the RadEditor's Languages collection. It is recommended to add the language in Page_Load:
        C#:
        protected void Page_Load(object sender, EventArgs e)
        {
        if (!Page.IsPostBack)
        {
        RadEditor1.Languages.Add(
        new SpellCheckerLanguage("fr-FR", "French"));
        }
        }

        VB.NET:
        Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
        If Not Page.IsPostBack Then
        RadEditor1.Languages.Add(New SpellCheckerLanguage("fr-FR", "French"))
        End If
        End Sub

    Related Resources

    • DefaultVB.aspx
    • DefaultVB.aspx.vb
    <%@ Page Theme="Default" Language="vb" AutoEventWireup="true" CodeFile="DefaultVB.aspx.vb"Inherits="Telerik.Web.Examples.Editor.SpellChecker.DefaultVB"  %>
     
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
    <link href="../Common/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" />
        <div class="demo-container size-wide">
            <telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1" SkinID="BasicSetOfTools" Width="800px" Height="400px">
                <Content>
                    <h2 class="titleText">RadEditor for ASP.NET AJAX</h2>
                    <p style="text-align: justify;"><span style="font-size: 19px; color: #4f6128;"><strong>RadEditor</strong></span><span style="color: #4f6128;"> </span>is not simply an HTML<a href="#HTMLDescription"><sup>1</sup></a> Editor. It is what Microsoft chose to use in <strong>MSDN</strong>, <strong>CodePlex</strong>, <strong>TechNet</strong>, <strong>MCMS</strong> and even as an alternative to the default editor in <a href="http://www.telerik.com/products/aspnet-ajax/sharepoint.aspx">SharePoint</a>. Whether you need a mere Textbox with Google-like spellchecker, or a Word-like content authoring environment, the result is the same: clean <strong>XHTML</strong> output, fast rendering, widest cross-browser support, and <a href="http://www.telerik.com/products/aspnet-ajax/editor.aspx">tons of features</a>: <br />
                    <br />
                    <img src="../../images/editor.jpg" alt="product logo" style="margin-top: 25px; float: left; margin-right: 15px;"></p>
                    <ul style="width: 350px; float: left;">
                        <li>
                        <em>Out-of-the-box XHTML-enabled Output...</em>
                        </li>
                        <li>
                        <em>Unmatched Loading Speed and Performance</em>
                        </li>
                        <li>
                        <em>Microsoft Word-like Spell-checking</em>
                        </li>
                        <li>
                        <em>Seven Ways for Pasting from Word</em>
                        </li>
                        <li>
                        <em>Multilevel Undo/Redo with Action Trails</em>
                        </li>
                        <li>
                        <em>Extended Functionality Through Integrated Controls</em>
                        </li>
                    </ul>
                    <table width="500" style="margin: 0pt auto;clear:both;">
                        <thead>
                            <tr>
                                <th style="background-color: #ebf1dd;">Browser/OS</th>
                                <th style="background-color: #ebf1dd;">Windows</th>
                                <th style="background-color: #ebf1dd;">Mac OS</th>
                                <th style="background-color: #ebf1dd;">Linux</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td align="center" style="text-align: left; vertical-align: middle;"><img src="../../images/BrowserIcons/ie.gif" alt="ie" style="float: left;" />&nbsp; Internet Explorer</td>
                                <td valign="top" style="background-color: #f2f2f2;">6.0+</td>
                                <td valign="top" style="background-color: #e5e0ec;">- </td>
                                <td valign="top" style="background-color: #dbeef3;">- </td>
                            </tr>
                            <tr>
                                <td><img src="../../images/BrowserIcons/ff.gif" alt="ff" style="float: left;" />&nbsp; Firefox</td>
                                <td style="background-color: #f2f2f2;">1.5+</td>
                                <td style="background-color: #e5e0ec;">1.5+</td>
                                <td style="background-color: #dbeef3;">1.5+</td>
                            </tr>
                            <tr>
                                <td><img src="../../images/BrowserIcons/chrome.gif" alt="chrome" style="float: left;" />&nbsp; Google Chrome</td>
                                <td style="background-color: #f2f2f2;">0.2+</td>
                                <td style="background-color: #e5e0ec;">5.0+</td>
                                <td style="background-color: #dbeef3;">5.0+</td>
                            </tr>
                            <tr>
                                <td><img src="../../images/BrowserIcons/opera.gif" alt="opera" style="float: left;" />&nbsp; Opera</td>
                                <td style="background-color: #f2f2f2;">9.0+</td>
                                <td style="background-color: #e5e0ec;">9.0+</td>
                                <td style="background-color: #dbeef3;">-</td>
                            </tr>
                            <tr>
                                <td><img src="../../images/BrowserIcons/safari.gif" alt="safari" style="float: left;" />&nbsp; Safari</td>
                                <td style="background-color: #f2f2f2;">3.0+</td>
                                <td style="background-color: #e5e0ec;">3.0+</td>
                                <td style="background-color: #dbeef3;">-</td>
                            </tr>
                        </tbody>
                    </table>
                    <br />
                    <p style="border-top: 1px solid #555555; padding-top: 10px;">
                    <sup><sup><a id="HTMLDescription">1.</a></sup>The computer language used to create world-wide-web pages which are read by browsers.</sup>
                </Content>
            </telerik:RadEditor>
        </div>
     
        <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadioButtonListDictionaryMode">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadEditor1" LoadingPanelID="LoadingPanel1" />
                        <telerik:AjaxUpdatedControl ControlID="RadioButtonListDictionaryMode" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
     
        <telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1"></telerik:RadAjaxLoadingPanel>
     
        <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1">
            <Views>
                <qsf:View>
                    <qsf:RadioButtonList Label="Dictionary Mode" Orientation="Horizontal"
                        OnSelectedIndexChanged="RadioButtonListDictionaryMode_SelectedIndexChanged"
                        ID="RadioButtonListDictionaryMode" runat="server" AutoPostBack="True">
                        <asp:ListItem Value="SingleDictionary" Selected="True">Single Dictionary</asp:ListItem>
                        <asp:ListItem Value="MultipleDictionaries">Multiple Dictionaries</asp:ListItem>
                    </qsf:RadioButtonList>
                </qsf:View>
            </Views>
     
        </qsf:ConfiguratorPanel>
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance