Johnvey.com - Purveyor of Fine Words » Blog Archive

May 24, 2006

May 24 2006

Ajax spell check as you type

I’ve been looking for a nice web Javascript spell checker, and came across a great implementation by Emil that he named LiteSpellChecker. It mimics the spell checker in MS Word by underlining misspelled words and presenting a nice substitute word selection menu. The javascript takes a standard <textarea> element, erases the background, and inserts a shadow <div> underneath that holds the redline segments.
spell check screenshot in Firefox OS X

Bug Fixes (based on 2005-7-24 version of LiteSpellChecker)

The current implementation on his site has some bugs, so I’ve started to tackle some of them:

Fixed: Redlines get misaligned when scrolling with arrow keys in Firefox
When scrolling long text using Firefox, the redlines become misaligned as you move towards the bottom of the page. Once they begin to misalign, you have to manually refresh in order get it right again.
Fixed: Ignore word function breaks if there are non-word segments in the text
If the text contains characters like ++ or @@, then the ignore words function fails. This problem crops up whenever you have wiki markup syntax.
Fixed: Numbers are flagged as misspelled
Any word that contains a number is now ignored by the spell checker.

Performance Improvements

Since many of my users will be working with long documents, performance is key.

Sped up ignore function by almost 5x
The ignore word function loops through all words and feeds it back into the spellchecker. In long documents, the lag becomes noticable, and also causes a flicker of all the redlines. Instead of blindly looping through all words, I changed it to a case-insensitive search for the ignored word, and only processed the matching words. Venkman reports a speed up from 278.2ms to 57.95ms on a Powerbook G4.
Improved responsiveness while editing long text
Since the spell checker updates the spelling status on every keystroke, the UI becomes unusable when editing long text. I added a spell check delay that suspends the spell checker while typing continuously. You can adjust the sensitivity via the SPELL_CHECK_DELAY variable.

Download my source code. Important: read Emil’s demo page before attempting to do anything with these files.

5 Comments »

Hello,

Great news. There is a site where you implemented all these changes and we can test the spell checker without bugs?

bye

Comment by Paul — August 1, 2006 @ 10:31 am
cool

Comment by mel — September 20, 2006 @ 12:41 pm
Here’s a commercial quality Ajax spell checker that my company has been working on for almost a year. It integrates with FCKEditor, TinyMCE and others also, check it out at http://www.thesolutioncafe.com/ajax-spell-checker.html

Later!

Comment by Cliff Helsel — September 21, 2006 @ 4:16 am
I think this is just like”Google Suggest”,right?

Comment by anish — October 16, 2006 @ 5:09 pm
Is there a place where I could test this out?
The best free spell checker I have found so far has been http://www.spelljax.com - but I can’t figure out how to embed it into my own website, so I’m looking for alternatives.

Comment by Mike — June 28, 2007 @ 9:14 am

RSS feed for comments on this post. TrackBack URI

Reading

Viewing

Linking

Here's a clip from the This American Life TV show about a hot dog joint in Chicago called The Wieners Circle. On weekend nights after the bars close, the staff and drunken patrons yell verbal abuse at one another like prison inmates or Jerry Springer's guests.

This, this free-for-all has doubled their business, Larry and Barry figure. They end up seeing a side of people that, honestly, changes how you feel about everybody. You really wish you never saw it.

There are several other Wieners Circle videos on YouTube, including one where a customer orders a chocolate shake, throws down $40, and one of the workers begins to take her shirt off. (via delicious ghost)
(link)
According to a boat name database, here are the top 15 boat names:

Orion
Zephyr
Stargazer
Free Spirit
TBD
Cheers
Mariah
Solitude
Sandpiper
Calypso
Banana Wind
MoonDance
PATRIOT
Mental Floss
valhalla

(link)
The internet is an excellent machine for revealing ignorance. Until a few hours ago, I didn't know that the Romani people (also commonly referred to as Gypsies) are a distinct ethnic group that originated in India about a millennia ago. I had always assumed that being a Gypsy was more of a religious or cultural thing.
(link)
The second in an unplanned series of posts about the pitfalls of an elite education: John Summers on teaching the banal and privileged at Harvard.

In the first meeting of my first seminar of my first year, Kushner's son Jared entered my classroom and promptly took the seat across from mine, sharing the room, so to speak. I was drawing an annual salary of $15,500 (£7,700) and borrowing the remainder for survival in Cambridge, in order that he might be given the best possible education. Jared later purchased The New York Observer for $10 million, part of which he made buying and selling real estate while also attending my seminar. As publisher, one of his first moves was to reduce pay for the Observer's stable of book reviewers. I had been writing reviews for the Observer in an effort to pay my debts.

From earlier in the week: The Disadvantages of an Elite Education. Also relevant here is the growing discussion of gigantic college endowments and how best to use them.
(link)
Too Weird for The Wire, a story of a number of Baltimore drug dealers and their unusual "flesh-and-blood" defense in federal court. It's a tactic used by white supremacists and other US isolationists groups in tax evasion cases and the like.

"I am not a defendant," Mitchell declared. "I do not have attorneys." The court "lacks territorial jurisdiction over me," he argued, to the amazement of his lawyers. To support these contentions, he cited decades-old acts of Congress involving the abandonment of the gold standard and the creation of the Federal Reserve. Judge Davis, a Baltimore-born African American in his late fifties, tried to interrupt. "I object," Mitchell repeated robotically. Shelly Martin and Shelton Harris followed Mitchell to the microphone, giving the same speech verbatim. Their attorneys tried to intervene, but when Harris's lawyer leaned over to speak to him, Harris shoved him away.

David Simon, I believe you've got enough here for a sixth season of The Wire. Hop to.
(link)
Constructing new LEED-certified green buildings is all well and good, but if they're further from your workers' homes and you have to tear down perfectly good old buildings to do so, the hoped-for energy savings are wasted.

Embodied energy. Another term unlovely to the ear, it's one with which preservationists need to get comfortable. In two words, it neatly encapsulates a persuasive rationale for sustaining old buildings rather than building from scratch. When people talk about energy use and buildings, they invariably mean operating energy: how much energy a building -- whether new or old -- will use from today forward for heating, cooling, and illumination. Starting at this point of analysis -- the present -- new will often trump old. But the analysis takes into account neither the energy that's already bound up in preexisting buildings nor the energy used to construct a new green building instead of reusing an old one. "Old buildings are a fossil fuel repository," as Jackson put it, "places where we've saved energy."

If embodied energy is taken into consideration, a new building that's replaced an older building will take up to 65 years to start saving energy...and those buildings aren't really designed to last that long.
(link)
If physical theories were women.

Quantum mechanics is the girl you meet at the poetry reading. Everyone thinks she's really interesting and people you don't know are obsessed about her. You go out. It turns out that she's pretty complicated and has some issues. Later, after you've broken up, you wonder if her aura of mystery is actually just confusion.

Would like to see the list for men as well. (via snarkmarket)
(link)
A map of the world as reported by the New York Times. Countries are color coded by the amount of times they are mentioned in the Times, per capita. Greenland, Iraq, New Zealand, Iceland, and Panama are disproportionally represented.
(link)
Seed Magazine has posted Noah Kalina's photos of science labs at night. The Salk Institute is represented of course.
(link)
Fonts personified at a font conference.

Pencil, telephone, hourglass, diamonds, candle, candle, flag. Mouse, scissors, ball, mailbox, mailbox, mailbox!

That's Wingdings talking.
(link)
A collection of photos of things from around the world that cost $5.

To explore the relative value of five dollars we are collecting examples from around the world by asking people to submit photos of objects or services that cost the equivalent of $5.

(via clusterflock)
(link)

Links provided by kottke.org.

Offering

Syndicating

Feedburner RSS

2001–2005 A brief exploration through the marvelous mind of Johnvey Hwang. All content released under a Creative Commons License unless otherwise noted.

PURVEYOR OF FINE WORDS