Blogs

FCKEditor (2.6.5 or CKEditor 3.x) is the only editor to bring you a "zero installation" spell check as you type solution. Nothing in your servers is needed for it. It's based on the quality spell checking services provided by SpellChecker.net.

What's SCAYT?

Spell Check As You Type (SCAYT) product allows user to see and correct misspellings while typing. Misspelled words are underlined. User just need to Right-Click marked word and select a suggestion to replace it with.

New SCAYT 2.0 has the following improvements:

• prompt loading
• quick and smart text processing
• cross browsers support
• no server-side installation

As shown in above screenshot, when you type the content of Blogs entries in the Liferay portal, FCKEditor will do spell-check; and you just need to Right-Click marked word and select a suggestion to replace it with.

 SCAYT supports multiple languages: English (100,000 words), British English (100,000 words), Canadian English (100,000 words), Canadian French (130,000 words), French (137,000 words), German (295,000 words), Italian (283,000 words), Greek (574,000 words), Spanish (288,000 words), Brazilian Portuguese (119,000 words), Danish (102,000 words), Dutch (178,000 words), Norwegian Bokmal (95,000 words), Portuguese (135,000 words), Swedish (110,000 words), Finnish (251,000 words).

As shown in above screenshot, you can select languages, disable or enable SCAYT in FCKEditor, etc.

How to integrate SCAYT in Liferay Portal?

First of all, let's upgrade the WYSIWYG Text Editor - FCKEditor - to the latest version. By default, Liferay portal has bundled FCKeditor with a specific version - it may not be the latest version. Let's upgrade the FCKeditor to the latest version as follows.

• Download the latest version of FCKeditor from http://ckeditor.com (FCKEditor 2.6.5 or above).
• Rename the folder fckeditor under the folder $PORTAL_ROOT_HOME/html/js/editor to fckeditor.backup.
• Unzip the ZIP file to the folder $PORTAL_ROOT_HOME/html/js/editor.

Where $PORTAL_ROOT_HOME represents the root folder of Liferay portal.

Then, let's add a customized configuration to the JSP file fckconfig.jsp. To do so, you can simply copy the JSP file fckconfig.jsp from the folder $PORTAL_ROOT_HOME/html/js/editor/fckeditor.backup to the folder $PORTAL_ROOT_HOME/html/js/editor/fckeditor.

Afterwards, we need to generate the portal browser folder $PORTAL_ROOT_HOME/html/js/editor/fckeditor/editor/filemanager/browser/liferay in the following manner.

• Locate the folder $PORTAL_ROOT_HOME/html/js/editor/fckeditor.backup/editor/filemanager/browser
• Copy the folder liferay (including all subfolders and files) from $PORTAL_ROOT_HOME/html/js/editor/fckeditor.backup/editor/filemanager/browser to $PORTAL_ROOT_HOME/html/js/editor/fckeditor/editor/filemanager/browser.

Finally, add following line after the line FCKConfig.Plugins.Add('liferaypagebreak', null, sOtherPluginPath ) ; in the configuration file $PORTAL_ROOT_HOME/html/js/editor/fckeditor/fckconfig.jsp

FCKConfig.SpellChecker = 'SCAYT' ;

As shown in above code, it sets the FCKConfig.SpellChecker as a value SCAYT (Spell Check as You Type).

References

Of course, you can customize FCKEditor as you expected. For more details, you may refer to the chapter 6 Customizing the WYSIWYG Editor of the book: Liferay portal 5.2 Systems Development.