All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
New to Telerik UI for ASP.NET AJAX? Download free 30-day trial
To enable spell checking in your web application you need to accomplish the following three tasks:
<%@ Page Theme="Default" Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs"Inherits="Telerik.Web.Examples.Editor.SpellChecker.DefaultCS" %> <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %> <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> <!DOCTYPE html> <html xmlns='http://www.w3.org/1999/xhtml'> <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;" /> 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;" /> 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;" /> 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;" /> 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;" /> 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>