spellcheck=false on contentEditable elements
Solution 1
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!
Solution 2
In Gecko all contenteditable
elements check spelling based on the spellcheck
attribute/property on the <body>
element.
Solution 3
Based on what Neil said, I came up with this guy:
$('body').attr("spellcheck",false)
It defaulted all of my contenteditable divs to not use spell check. I plan on using .blur and .focus to enable spell check for individual divs as necessary.
Related videos on Youtube
medihack
Updated on July 09, 2022Comments
-
medihack almost 2 years
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? -
medihack about 13 yearsIt does not seem to work for me in a clean (just Firebug) installation of FF4. At least when I set it through Firebug.
-
Neil about 13 years
data:text/html,<div contenteditable>Fe Fi Fo Fum
shows to me as misspelled.data:text/html,<body spellcheck=false><div contenteditable>Fe Fi Fo Fum
does not.