spellcheck=false on contentEditable elements

html spell-checking contenteditable
Zardoz picture Zardoz · Apr 9, 2011 · Viewed 20.4k times · Source

For normal input elements you can turn off the spell checking by using a HTML attribute (at least under FF). The same spellcheck="false" does not seem to work on a contentEditable element. Is there another solution for contentEditable elements?

Answer

JacobEvelyn picture JacobEvelyn · Feb 17, 2012

I'm not sure if this is what you're getting at, but I was having what sounds like a similar problem with removing the spellcheck underline from contentEditable elements. The problem is, when you set the spellcheck attribute to false, any words that were underlined for spelling mistakes will keep this underline until you focus on the contentEditable element.

The following hack should do the trick:

element.spellcheck = false;
element.focus();
element.blur();

Hope that helps!

Related questions

Turn off Chrome/Safari spell checking by HTML/css

Is there a way for a web developer to turn off Chrome/Safari/WebKit's spellchecking on particular input or textarea elements? I mean either by special tag attribute or a proprietary CSS instruction. There is a CSS instruction for turning …

Read More
How can I disable the spell checker on text inputs on the iPhone

Sometimes the spell checker is unnecessary, captchas, usernames, emails, etc. Is there a way disable it on some text inputs/text areas?

Read More
How does one disable spellcheck on input type=text?

I'd like to disable the spellcheck on my textfields <input type="text"> so as not to have any ugly red squigglies. I understand others have asked this same question, but they always make the answer of putting spellcheck=…

Read More