JavaScriptSpellCheck Demos
Examples with source-code
- Basic HTML Form Spell Check
- Advanced Form Spelling Validation
- Ajax Spell Check
- Multi-Language Spell Check
- Rich Editor Compatible
Spellchecking Rich Text Areas (HTML WYSIWYGS)
Tutorial
JavaScriptSpellCheck can integrate with almost every Web HTML Editor
Step 1 - Identify your Editor's iframe
Rich Editors embed an editable iFrame in the page. You need to find the name or id of this object by looking at your page's source-code.
E.g.
Innova Editor: The iframe has has a typical id of: idContentoEdit1
FCK Editor:
Step 2 - Point JavaScriptSpellCheck to the body of the Iframe Document
E.g. Innova Editor
oSpell.spellCheckWindow('idContentoEdit1.document.body')
E.g.FCK Editor (a little more complex) :
if (navigator.appName == "Microsoft Internet Explorer"){
oSpell.spellCheckWindow('MyTextArea___Frame.frames[0].document.body')
}else{
oSpell.spellCheckWindow('document.getElementById("MyTextArea___Frame").
document.getElementsByTagName("iframe")[0].document.body')
}
There are discrepancies between how different browsers treat Iframes - if you use the above notation, JavaScriptSpellCheck will resolve these issues for you automatically.