Spellchecking in contenteditable

[kizu]

In the contenteditable blocks at least in webkits there is a spellchecking:

I don't think, that you need the spellchecking in code, so you can add spellcheck="false" attribute to the <pre>.

Also, you can then add spellcheck="true" only to the .token.comment, so it would be available only for comments. For HTML there are no tokens to the text nodes, but if you'll add them, then you can also turn the spellchecking on for them.

[LeaVerou]

Which browser is that from? Can't reproduce it in Chrome.

[kizu]

In Chrome and Safari, but it appears only while you're editing and is placed the cursor out from the word, but not written down anything else.

So, writing the asdasd (with a space at the end) would trigger it to be shown, bit when you left this token, like by pressing enter, the red dashes disappear and would appear if you'd put the cursor near the incorrect word.

[LeaVerou]

Applied the fix, although I'm not sure spellcheck="true" on comment tokens actually does something. I can’t get it to show even if it was to save my life.

[kizu]

Well, it works for me now, so, thanks! :)

[LeaVerou]

Does it work on comment tokens too? (it should spellcheck in those)

[kizu]

Yeah, it works, you can see it here: