Home / Community & Support / Knowledge Base / RadControls for ASP.NET and ASP.NET AJAX / Editor / Ignoring custom text during spellchecking

Ignoring custom text during spellchecking

Article Info

Rating: 5

Article information

Article relates to

 RadEditor 7.x, RadEditor "Prometheus"

Created by

 Rumen Jekov

Last modified

 2008/04/11

Last modified by

 Georgi Popivanov


PROBLEM
It is sometimes necessary to escape some text in order to process it programmatically later.  Say we are creating an email template with name placeholders like this:
Hi, <#FirstName#> <#LastName#>
We would not want the special symbols to be marked as SpellCheck errors.

SOLUTION
RadSpell that ships with RadEditor can have a custom definition of its client-side text source.  We can define such a source that will transform the special symbols to something that looks like a HTML tag.  Such tags are not processed by the SpellCheck engine, and you can replace them back after the corrections.  The < and > symbols in the RadEditor contents area will be represented by their respective HTML entities -- &gt; and &lt;, so we need to define a text source that will skip those.  We use some regular expressions to do that:



 

<radE:RadEditor ID="RadEditor1" runat="server">  
</radE:RadEditor> 
<radS:RadSpell ID="RadSpell1" runat="server" ButtonType="None" /> 
 
<script type="text/javascript">  
    var editor = GetRadEditor ("<%=RadEditor1.ClientID%>");  
    RadEditorCommandList["CustomSpellCheck"] = function(commandName, editor, oTool)  
    {        
        var spell = GetRadSpell('<%=RadSpell1.ClientID %>');  
        spell.SetTextSource(new SkippingTextSource(editor));  
        spell.StartSpellCheck();  
        return false;  
          
    };  
    function SkippingTextSource(editor)  
    {  
        this.editor = editor;  
    }  
      
    SkippingTextSource.prototype.GetText = function()  
    {  
        var text = editor.GetHtml();  
        var escaped = text.replace(/&lt;#([^#]+)#&gt;/g, "<?$1?>");  
        return escaped;  
    }  
      
    SkippingTextSource.prototype.SetText = function(text)  
    {  
        var unescaped = text.replace(/<\?([^?]+)\?>/g, "&lt;#$1#&gt;");  
        editor.SetHtml(unescaped);  
    }  
</script> 

Note that, you have to add the CustomSpellCheck tool into the ToolsFile.xml and also remove the AjaxSpellChecker:

ToolsFile.xml
......................
<tool name="CustomSpellCheck" />
......................


<telerik:RadEditor id="RadEditor1" 
    Runat="server">  
    <Tools>  
        <telerik:EditorToolGroup>   
            <telerik:EditorTool Name="CustomSpellCheck" Visible="true"  />  
        </telerik:EditorToolGroup>  
    </Tools>  
</telerik:RadEditor>    
<telerik:RadSpell ID="RadSpell1" runat="server" ButtonType="None" />     
<script type="text/javascript">  
   Telerik.Web.UI.Editor.CommandList["CustomSpellCheck"] = function(commandName, editor, args)  
    {  
            var spell = $find('<%=RadSpell1.ClientID %>');  
            spell.set_textSource(new SkippingTextSource(editor));  
            spell.startSpellCheck();  
    };  
 
    function SkippingTextSource(editor)  
    {  
        this.editor = editor;  
    }  
    SkippingTextSource.prototype.get_text = function()  
    {  
        var editor = $find("<%=RadEditor1.ClientID%>");  
        var text = editor.get_html();  
        var escaped = text.replace(/&lt;#([^#]+)#&gt;/g, "<?$1?>");  
        return escaped;  
    }  
      
    SkippingTextSource.prototype.set_text = function(text)  
    {  
        var editor = $find("<%=RadEditor1.ClientID%>");  
        var unescaped = text.replace(/<\?([^?]+)\?>/g, "&lt;#$1#&gt;");  
        editor.set_html(unescaped);  
    }  
</script> 

 

Comments

If you'd like to comment on this KB article, please, send us a Support Ticket.
Thank you!

Please Sign In to rate this article.