How to Integrate NetSpell with FCKEditor

June 7, 2008

***** Note that this Post has been completely rewritten to simplify the process and old post has been deleted*****

This is the step-by-step process to tweak FCKEditor to use Netspell as spellchecker

1. Download Netspell.2.1.7.zip

2. Extract the zip file to your wwwroot/ and rename it to Netspell (for convenience)

3. Run  setup.bat in Netspell folder

4. Pull up http://localhost/Netspell/demo/Demo.Web.CSharp/default.htm  page and make sure spell checker works.

5. Now download FCKEditor_2.6.2.zip

6. Extract it to wwwroot/  and rename it to FCKEditor.

7. Assuming you are using ASP.NET with c#,  we are going to use Netspell/demo/Demo.Web.CSharp/SpellCheck.aspx as the base page for spell checking.

8.Modify the FCKeditor\fckeditor\fckconfig.js to set spellchecker as Netspell

FCKConfig.SpellChecker   = ‘NetSpell’ ; 

9. Modify FCkEditor/fckeditor/editor/_source/Commandclasses/fckspellcheckcommand_ie.js. I added all the required javascript to this file so that you dont need to change any of the netspell files.  ONLY thing you need to be checked is location of SpellCheck.aspx.  I am using  /Netspell/demo/Demo.Web.CSharp/SpellCheck.aspx.   But if you are keeping this file somewhere else change this js file accordingly

Download FIle here

10. As we changed FCKEditor _source files, we need to compress them again to produce updated js files. For doing this download FCKPackager.exe from http://www.fckeditor.net/fckpackager

11. copy packager to /FCKEditor/fckeditor  folder and run it through command prompt
  C:\Inetpub\wwwroot\FCKeditor\fckeditor>fckpackager.exe

12. Create a basic HTML page to test.

 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title>NetSpell Web Demo</title>
<script type=”text/javascript” src=”/FCKEditor/fckeditor/fckeditor.js”></script>
</head>
<body>
<form>
<script type=”text/javascript”>
var oFCKeditor = new FCKeditor(‘FCKeditor1’);
oFCKeditor.BasePath = “/FCKEditor/fckeditor/”;
oFCKeditor.Create();
</script>
</form>
</body>
</html>

Advertisements

16 Responses to “How to Integrate NetSpell with FCKEditor”

  1. nil Says:

    hello i did as you described here but it’s not working and still confirmation box appears asking spell checker is not installed.do you want to install it? what could be wrong?

  2. nlakkakula Says:

    Did you change the Configuration File

    FCKConfig.SpellChecker = ‘NetSpell’;

    Makesure configuration is not overwritten somewhere else.. because that confirmation box hints me that FCKEditor is still thinking IESpell as spellchecker….

  3. nil Says:

    hey now it’s giving me error “Object Required”, don’t know what’s wrong? can you tell me where should i put my spell.js and how to give reference to that .js file…
    Thanks in advance

    Regards,
    Nil

  4. nlakkakula Says:

    Atleast to get it working, You could simply copy the whole spell.js contents in top of editor\js\fckeditorcode_ie.js and Try….. make sure you copy after all initialization is done and before protypes begin….

  5. nil Says:

    here’s the function in fckspellcheckcommand_ie.js which is opening confirmation box at run time..
    here’s the code
    var FCKSpellCheckCommand = function()
    {
    this.Name = ‘SpellCheck’ ;
    this.IsEnabled = ( FCKConfig.SpellChecker == ‘NetSpell’ ||FCKConfig.SpellChecker == ‘ieSpell’ || FCKConfig.SpellChecker == ‘SpellerPages’ ) ;
    }

    FCKSpellCheckCommand.prototype.Execute = function()
    {
    switch ( FCKConfig.SpellChecker )
    {

    case ‘ieSpell’ :
    this._RunIeSpell() ;
    break ;

    case ‘SpellerPages’ :
    FCKDialog.OpenDialog( ‘FCKDialog_SpellCheck’, ‘Spell Check’, ‘dialog/fck_spellerpages.html’, 440, 480 ) ;
    break ;
    }
    }

    FCKSpellCheckCommand.prototype._RunIeSpell = function()
    {
    try
    {
    var oIeSpell = new ActiveXObject( “ieSpell.ieSpellExtension” ) ;
    oIeSpell.CheckAllLinkedDocuments( FCK.EditorDocument ) ;
    }
    catch( e )
    {
    if( e.number == -2146827859 )
    {
    if ( confirm( FCKLang.IeSpellDownload ) )
    window.open( FCKConfig.IeSpellDownloadUrl , ‘IeSpellDownload’ ) ;
    }
    else
    alert( ‘Error Loading ieSpell: ‘ + e.message + ‘ (‘ + e.number + ‘)’ ) ;
    }
    }

    FCKSpellCheckCommand.prototype.GetState = function()
    {
    return this.IsEnabled ? FCK_TRISTATE_OFF : FCK_TRISTATE_DISABLED ;
    }

    and i am still not able to integrate ‘NetSpell’ with FckEditor. i put my spell.js,spell.css,spellcheck.aspx in ‘editors\js\’ folder..

    Thanks & Regards,
    Nil

  6. JAC Says:

    I’m having the same issue. I the editor won’t load now and a script error is thrown. It says ‘Object Expected’. I followed your instructions to a tee… Are you sure you’re not leaving something out.

    For instance, Where should the netspell.js file be located?

  7. nlakkakula Says:

    JAC and Nil.. See the updated Blog above…. modify the Commandclasses/fckspellcheckcommand_ie.js as described…… I think the problem is FCKEditor not able to find checkFCKEditorSpelling Function in your case and with the updated code that should be fixed… Good luck!

  8. oliwan Says:

    When I used fckpackage.exe it broke my fck installation and I recieved these object expected errors. It’s something to do with the file encoding.

    To fix I made a backup of js/fckeditorcode_ie.js before running fckpackage. Then copied the line with FCKSpellCheckCommand from the new fckeditorcode_ie.js and replaced the line in the backup.

    I then copied the modified backup to it’s original location.

    Hope that helps.


  9. Thanks for sharing. Helpful tip.

  10. doug Says:

    I got it working!!!!!

    Just one question. The Spell Check icon is only enabled
    for IE. How to I enable it for ALL other browsers.

    I figured FCKConfig.FirefoxSpellChecker = true; would do the trick, but…………. it doesn’t

    TIA

  11. nelsonmichael Says:

    The file download isn’t working (4shared.com reports invalid link).
    Would you mind fixing it?
    Thanks very much for sharing the solution.
    – Michael

  12. Shayne Says:

    The Link above to FCkEditor/fckeditor/editor/_source/Commandclasses/fckspellcheckcommand_ie.js.

    is not there. Does anybody have it? Or at the very least know what is suppose to be in it?


  13. Leave aLeave a ReplyLeave a ReplyLeave a Reply ReLeave a RepLLeave a ReplyLeave a Replyeave a ReplylLeave a ReplyyplLeave a Replyy

  14. Steve Says:

    Can’t find the file either, just like Shayne. Anyone know where to get it?

  15. Mike Says:

    One word: Lifesaver! Thanks a ton!

  16. Gangster17 Says:

    Media headlines emphasize drug and alcohol abuse among youth, teen pregnan- cy, the rise in youth gangs, or school dropout rates and often leave it at that. ,


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: