Adobe has just released (Mar 30) its Preview 3 build of Squiggly, a spell checking engine for Flex 3 or Flex 4 text controls. I was very interested in using Squiggly in some of my projects so I was fast to jump on this and give it a try.

Squiggly is very easy to use! All you have to do is copy the .swc’s into your projects libs directory, copy the ‘dictionaries’ directory into your src directory of your project and you are ready to use Squiggly.

The easiest way for me to use Squiggly was to create new classes that extend the TextInput and TextArea controls and enable/disable the spell checking on focus change. This gives it the “check as you type” functionality.

I did run into a bit of trouble after I moved my demo to my server and tried pulling it up. I was getting this error:

Error #2044: Unhandled ioError:. text=Error #2032: Stream Error. 
URL: http://labs.dcfusion.com/flex/Squiggly/dictionaries/en_US/en_US.aff

What this means is my IIS (7.5) web server didn’t know how to handle the .aff extension. I also had the same issue when trying to pull up the en_US.dic file. The en_US.aff and en_US.dic files are basically dictionary files that the .swc’s use in order to evaluate the text properly. So I had to add new mime types for these extensions. So, in summary, I added a total of 2 new mime types:

File name extension: .aff
MIME type: text/plain

iis1

File name extension: .dic
MIME type: text/plain

iis2

Here is my demo (click inside the TextInput or TextArea controls to activate, then right-click on the red squiggly lines):

Download the source to this demo here!

Special thanks to Brian Rinaldi and his Spell checking in Flex with Squiggly – Part 1 blog post to help get me started!

Squiggly Spell Checking Engine

Leave a Reply

Your email address will not be published. Required fields are marked *