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

Custom Text Source

RadSpell is not limited to spellchecking HTML elements only. You can also define a custom text source to provide text for spellchecking. Using a custom text source allows you to spell check virtually anything on the web page that you can access programmatically. See the live demo for an example of spell checking a text area and placing the corrected text in a different control.

To implement spellchecking for text sources other than HTML, define a JavaScript object with two methods, get_text() and set_text(text), and then use the set_textSource(textSource) method of the RadSpell client-side object.

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
   <script type="text/javascript">
   function MySpellSource()
   {        
      this.get_text = function()        
      {                
          return "colourful mistakrn texr";        
      }        
      this.set_text = function(text)        
      {                
          alert("The corrected text is: " + text);        
      }
   }

   function spellCheck()
   {                                   
       var spell = $find('<%= RadSpell1.ClientID %>');
       spell.set_textSource(new MySpellSource());
   }
   </script>
</telerik:RadCodeBlock> 
<body onload="setTimeout(function() { spellCheck(); }, 100);">
   <form id="form2" runat="server">
       <asp:ScriptManager ID="ScriptManager1" runat="server" />
       <div>
           <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
           <telerik:RadSpell RenderMode="Lightweight" ID="RadSpell1" runat="server" ControlToCheck="TextBox1" />
       </div>
   </form>
</body> 

See Also

In this article