HtmlEditor Spellchecker|UI Control for ASP.NET AJAX, C#, VB.NET

HtmlEditor Spellchecker in ASP.NET

Home > How to > HtmlEditor Spellchecker

Information to Html Editor Spell Checker

Similar to those commonly used word processing applications, the PerHtmlEditor control also allows developers to add spell checking function to the html editor in aspx web page. From this online tutorial, you will get information on how to enable spell checking function in ASP.NET web page and how to add new dictionary to html editor control using ASP.NET AJAX.

How to Enable the Spell Checking Function

In this section, we will offer detailed guidance on how to activate the spell checking functionality in your ASP.NET web application.

To be first, you need to create a folder called PerSpell in the App_Data folder of your web project and then you just copy target dictionary files (those tdf files) in that PerSpell folder.
Second, open the web.config file, find the section of httpHandlers and add the SpellCheck handler.
The last step is to declare the language property in the PerHtmlEditor declaration.

In the following sample code, we will guide you how to add the speck checking tool to the toolbar of the html editor in aspx web page or using C#.NET code.

ASPX Code

<kettic:radeditor id="PerHtmlEditor1" runat="server" skin="Default">    
    <Tools>        
        < kettic:EditorToolGroup>            
            < kettic:EditorTool Name="AjaxSpellCheck" Text="Spell Checker" />        
        </ kettic:EditorToolGroup>    
    </Tools>
</ kettic:radeditor>

C# Code

EditorToolGroup group1 = new EditorToolGroup();
PerHtmlEditor1.Tools.Add(group1);
EditorTool checker = new EditorTool("AjaxSpellCheck");
Group1.Tools.Add(checker);

Note: right now, the spell checking function is only applicable to English language. But there will be more supported languages in the upcoming versions of the PerHtmlEditor Control for ASP.NET AJAX.

How to Add New Dictionary

As is mentioned in above guidance, the dictionary files that will be added to the PerHtmlEditor control are in .tdf files. So before showing you how to add custom dictionary to the html editor control, we will briefly introduce the .tdf file format. TDF file, short for Trusted Data Format, is a file type that is developed from XML file. This file has level tagging and security features.

Following steps are used to create a custom TDF dictionary.

You can download the dictionary (.dic) from some websites, or you can create a text file(.txt) which is in the word-per-line format.
Please save the text file with Unicode encoding method.
Rename the dictionary file type to .tdf.
Now you can place the dictionary file in the PerSpell folder of the App_Data folder. And run the application following the steps that are listed in the second part of this article.

ASP.NET AJAX UI Controls

ASP.NET AJAX Chart UI Control ASP.NET AJAX Grid UI Control ASP.NET AJAX Barcode UI Control ASP.NET AJAX Button UI Control ASP.NET AJAX Calendar UI Control ASP.NET AJAX NavigationBar UI Control ASP.NET AJAX Captcha UI Control ASP.NET AJAX Color Editor UI Control ASP.NET AJAX ComboBox UI Control ASP.NET AJAX DataPager UI Control ASP.NET AJAX Dock UI Control ASP.NET AJAX DropDownList UI Control ASP.NET AJAX DropDownTree UI Control

ASP.NET AJAX HtmlEditor UI Control

Overview Getting Started

ToolBars

Introduction Modes and Docking Button

DropDowns

Font Paragraph Styles Colors CSS Styles Insert Table

Dialogs

Introduction Format Code Block XHTML Validator

Spellchecker

Modules

Features

Edit modes Editor Showing Track Changes Comments Import and Export

Managing Content

Formatting

Client Prpgramming

HtmlEditor Event ASP.NET AJAX FileManager UI Control ASP.NET AJAX Filter UI Control ASP.NET AJAX Input UI Control ASP.NET AJAX ListBox UI Control ASP.NET AJAX ListView UI Control ASP.NET AJAX ToolBar UI Control ASP.NET AJAX TabControl UI Control ASP.NET AJAX Menu UI Control ASP.NET AJAX ToolTip UI Control